• hackelberry

    (@hackelberry)


    Chciałabym na 1 podstronie w wybranym miejscu (napis1, napis2) wstawić/zrobić 2 migające napisy wg kodu javascript który znalazłam w internecie:

    To ten kod:

    <div id="n01">napis1</div>
    <div id="n02">napis2</div> 
    <script>
    function n01() {
    z01 *=-1;
    document.getElementById("n01").style.color = (z01<0)?"teal":"red";
    setTimeout("n01()", 300);
    } 
    function n02() {
    z02 *=-1;
    document.getElementById("n02").style.color = (z02<0)?"#ccccff":"navy";
    setTimeout("n02()", 600);
    } var z01=1, z02=1;
    if (document.getElementById) {n01(); n02();}
    </script>

    Próbowałam za pomocą wtyczki „Head and Footer Code” ale w żaden sposób nie działa tak jak potrzebuję.

    Jak mam w tej wtyczce na tej podstronie Home wstawione w sekcji „Head Code” tak:

    
    <div id="n01">krowa</div>
    <div id="n02">hipopotam</div>
    
    <script>
    function n01() {
      z01 *=-1;
      document.getElementById("n01").style.color = (z01<0)?"teal":"red";
      setTimeout("n01()", 300);
    }
    
    function n02() {
      z02 *=-1;
      document.getElementById("n02").style.color = (z02<0)?"#ccccff":"navy";
      setTimeout("n02()", 600);
    }
    
    var z01=1, z02=1;
    if (document.getElementById) {n01(); n02();}
    </script>
    
    

    To miga mi krowa i hipopotam powyżej nagłówka/bannera strony Home. A ja chciałabym żeby migał napis na drugim kafelku tam gdzie jest „napis1, napis2” czyli wenątrz – container strony.

    Próbowałam w różny sposób zamieścić ten kod i nic nie działa.

    Wcześniej spróbowałam inny kod javascript z wyświetlającymi się na zmianę 3 obrazkami i to działa

    We wtyczve "Head & Footer Code" na podstronie w sekcji "Head code" mam:
    
    <script type="text/javascript">
    function myImages(){
    var img = document.getElementById('obrazek'), link = document.getElementById('link'), cycle;
    var imgs = [
    {src:'/wp-content/gallery/choinka2023/choinka-home2.jpg', desc:'Opis 1', link:'candc.pl'},
    {src:'/wp-content/gallery/wielkanoc/zyczenia----kosz.jpg', desc:'Opis 2', link:'https://www.candc24.pl/o-firmie/referencje'},
    {src:'/wp-content/gallery/wielkanoc/wielkanoc22---zyczenia.jpg', desc:'Opis 3', link:'https://www.candc24.pl/urzadzenia/archieq'}
    ];
    img.onmouseover = function(){ clearInterval(cycle); }
    img.onmouseout = function(){
    cycle = setInterval(function(){
    var i = imgs[i=(imgs.push(imgs.shift())-1)];
    img.setAttribute('src', i.src);
    link.setAttribute('href', i.link);
    link.setAttribute('title', i.desc);
    },1000);
    }
    img.onmouseout();
    }
    window.onload = function(){
    myImages();
    }
    </script>

    A na tej podstronie w treści mam:

    <code>
    <a href="" title="" id="link"><img id="obrazek" src="" /></a></code>
    
    

    I to mi ładnie wyświetla te 3 obrazki na podstronie

    https://www.candc24.pl/urzadzenia/zabezpieczenia/urzadzenia-utx-line-serii-3/%c2%b5utxvl-serii-3/

    w tym miejscu gdzie chcę.

    Z tymi migającymi napisami nie wiem jak zrobić w podobny sposób.

    Chciałabym jeszcze zrobić drugą rzecz w javascript i też próbowałam na różne sposoby i nie działa.

    Chodzi o to, żeby w poniższym kodzie:

    <code>
    <div class="panel panel-default mini3">
    <div id="r1" class="ansbox">
    <a href="" title="" id="link"> <img width="100%" id="obrazek" src="/wp-content/gallery/choinka2023/choinka-home2.jpg" /></a>
    </div>
    
    <div id="r2" class="ansbox">
    <div class="panel-heading">
    <h3 class="panel-title"><a href="/serwis/dokumentacja/">Najnowsze pliki dokumentacji do pobrania</a></h3>
    </div>
    
    <div class="front-widget">
    <div class="homecc">
    [download category="1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,33,43,44,45,46,47,49,50,51,52,53,54,56,59,60,61,62,63,64,65,66,67" stream_limit="8" sort_by="file_date" sort_order="desc" ]
    </div>
    </div>
    
    </div>	
    </code>
    
    
    

    Żeby div id=”r1″ i div=”r2″ wyświetlały się na zmianę z różnymi czasami wyświetlania w jednym miejscu a nie jedno pod drugim jak jest teraz na stronie Home, https://www.candc24.pl/

    Ten javascript też próbowałam napisać na różne sposoby i nie działało, nie wklejam bo już usunęłam. Może ktoś mógłby coś podpowiedzieć też w tym przypadku?

    Strona przy której potrzebuję pomocy: [zaloguj się aby zobaczyć ten link]

  • Temat ‘jak wstawić w wybranym miejscu 1 strony efekt javascript mając kod’ jest zamknięty na nowe odpowiedzi.