jak wstawić w wybranym miejscu 1 strony efekt javascript mając kod

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?

• This topic was modified 1 years, 3 months temu by hackelberry.
• This topic was modified 1 years, 3 months temu by hackelberry.

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