Witam.
Mam problem z linkami. Otóż po zastosowaniu prostego skryptu, który ma za zadanie płynnie zmieniać zdjęcia wszystkie linki powyżej zdjęć są jakby "zasłonięte" i nie działają.
Gdy usunę część, która odpowiada za wyświetlanie zdjęć wszystko wraca do normy.
W IE nie ma problemu, natomiast w firefoxie coś blokuje.
Co zrobić, żeby linki z divu logo i menu działały?
var tablicaObrazow = ['zdjecie1.jpg', 'zdjecie2.jpg', 'zdjecie3.jpg', 'zdjecie4.jpg', 'zdjecie5.jpg', 'zdjecie1.jpg', 'zdjecie2.jpg', 'zdjecie3.jpg', 'zdjecie4.jpg', 'zdjecie5.jpg', 'zdjecie1.jpg', 'zdjecie2.jpg', 'zdjecie3.jpg', 'zdjecie4.jpg', 'zdjecie5.jpg', 'zdjecie1.jpg', 'zdjecie2.jpg', 'zdjecie3.jpg', 'zdjecie4.jpg', 'zdjecie5.jpg', 'zdjecie1.jpg', 'zdjecie2.jpg', 'zdjecie3.jpg', 'zdjecie4.jpg', 'zdjecie5.jpg', 'zdjecie1.jpg', 'zdjecie2.jpg', 'zdjecie3.jpg', 'zdjecie4.jpg', 'zdjecie5.jpg'], zmienObraz = function(obr) {
$('#zdjecie img').fadeOut(0).attr('src', tablicaObrazow[obr]).fadeIn(1000, function() {
if (++obr >= tablicaObrazow)
obr = 0;
setTimeout('zmienObraz(' + obr + ');', 3000);
});
};
zmienObraz(0);
<img src="images/logo.png" />
<a href="#"> <img src="images/omnie.png"/> </a>
<a href="#"> <img src="images/portfolio.png"/> </a>
<a href="#"> <img src="images/oferta.png"/> </a>
<a href="#"> <img src="images/blog.png"/> </a>
<a href="#"> <img src="images/kontakt.png"/> </a>
<div id="zdjecie"><img src="zdjecie1.jpg"/>
<script type="text/javascript" src="js/fotofade.js"> </script>
Z góry dziękuję za pomoc.
Ten post edytował xklasu 13.11.2010, 22:39:25