PC-HELP.CZ

Ahoj, mám prosím tento java script a obrázky se nezobrazují postupně, ale jdou všelijak na přeskáčku. Umí prosím někdo upravit zápis java scriptu, aby šly postupně? Děkuji

function slideShow() {
var $active = $('#gallery img.active');
if ( $active.length == 0 ) $active = $('#gallery img:last');

var $next = $active.next().length ? $active.next()
: $('#gallery img:first');

$active.addClass('last-active');

$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1500, function() {
$active.removeClass('active last-active');
});
}

$(document).ready(function() {
setInterval( "slideShow()", 8000 );
});

Čau,
mně to jde popořadě... Pošli HTML.

*Pokud si tam dodáš ještě kod na zprůhlednění tak se zobrazuje jen jeden obrázek
http://jsfiddle.net/7ka2L9jx/

kód je následující pro css

#gallery {
position: relative;
height:156px;
width: 385px;
float: right;
margin: 0 0 0 0;
}

#gallery IMG {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
height: 156px;
}

#gallery IMG.active {
z-index:10;
opacity:1.0;
}

#gallery IMG.last-active {
z-index:9;
}

a pro html

<div id="gallery">
<img src="/img/stavby_na_klic1.jpg" alt="stavby na klíč Pardubice" title="stavby na klíč Pardubice" class="active" />
<img src="/img/pasivni_domy1.jpg" alt="pasivní domy Pardubice" title="pasivni domy Pardubice" />
<img src="/img/prodej_montaz_oken.jpg" alt="prodej a montáž oken Pardubice" title="prodej a montáž oken Pardubice" />
<img src="/img/prodej_montaz_dveri.jpg" alt="prodej a montáž dveří Pardubice" title="prodej a montáž dveří Pardubice" />
<img src="/img/inzenyrske_cinnosti.jpg" alt="inženýrské činnosti Pardubice" title="inženýrské činnosti Pardubice" />
<img src="/img/stavebniny.jpg" alt="stavebniny Pardubice" title="stavebniny Pardubice" />
<img src="/img/stavby_na_klic1.jpg" alt="stavby na klíč Pardubice" title="stavby na klíč Pardubice" />
<img src="/img/pasivni_domy1.jpg" alt="pasivní domy Pardubice" title="pasivni domy Pardubice" />
<img src="/img/prodej_montaz_oken.jpg" alt="prodej a montáž oken Pardubice" title="prodej a montáž oken Pardubice" />
<img src="/img/prodej_montaz_dveri.jpg" alt="prodej a montáž dveří Pardubice" title="prodej a montáž dveří Pardubice" />
<img src="/img/inzenyrske_cinnosti.jpg" alt="inženýrské činnosti Pardubice" title="inženýrské činnosti Pardubice" />
<img src="/img/stavebniny.jpg" alt="stavebniny Pardubice" title="stavebniny Pardubice" />
</div>

Vždy když se to mění, tak chvilku v přěměně vidím jiný obrázek, ale to bude asi tím, že vždy to začně u active a zobrazuje poté jenom liché řádky. Když to dojede, tak opakování již probíhá bez obrázku v třídě active.

Můžete prosím poradit co mám špatně, aby se to zobrazovalo správně? Děkuji

Jinak děkuji za odkaz na http://jsfiddle.net/7ka2L9jx/ , to neznám a je to perfektní. Jinak tam to opravdu chodí, takže budu mít asi blbě css , jsem y toho zmatený.

No, pořád je chyba v JS
Myslím, že chceš, aby to fungovalo nějak takto: http://jsfiddle.net/ytqsg7n1/

Děkuji za snahu. Ano přesně tak bych chtěl, ale když js zkopíruji do prohlížeče, tak to mění pouze 3 obrázky a to: stavební činnost, okna a inženýrské činnosti. Vždy v mezi přechodu jsou vidět asi ty sudé obrázky. Vůbec tomu nerozumím proč.

Ale na tom jsfiddle to jde jak má ne?
Možná bude problém někde na tom tvým webu než v kodu, který posíláš.

Jo, tam to funguje. Mám udělaný banner.html , který přes php include načítám do index.php. Co by tomu mohlo vadit? Myslíte, že je chyba úplně jinde v souboru banner.html?

Někde tam bude chyba... Můžeš vložit vygenerovanej html kod někam? Sem na forum třeba

Tak tady je html kód


a tady banner



Děkuji