Postagens
Não informado
Sou novo em Ajax, jQuery, essas coisas...
Estou fazendo um slideshow pra botar na homepage do meu website, e tenho o seguinte código:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function na_preload_img()
{
var img_list = na_preload_img.arguments;
if (document.preloadlist == null)
document.preloadlist = new Array();
var top = document.preloadlist.length;
for (var i=0; i < img_list.length; i++) {
document.preloadlist[top+i] = new Image;
document.preloadlist[top+i].src = img_list[i+1];
}
}
function na_restore_img_src(name, nsdoc)
{
var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
if (name == '')
return;
if (img && img.altsrc) {
img.src = img.altsrc;
img.altsrc = null;
}
}
function na_change_img_src(name, nsdoc, rpath, preload)
{
var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
if (name == '')
return;
if (img) {
img.altsrc = img.src;
img.src = rpath;
}
}
// -->
</script>
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script language="JavaScript" type="text/javascript">
$(function() {
$('#slideShow').cycle({ fx: 'fade' });
});
</script>
</head>
//
// ... conteudo do website, os loads das funçoes preload do Java, etc ...
//
<div class="slideshow">
<img src="imagens/galeria/001.jpg" width="814px" height="648px" alt="Imagem 1" />
<img src="imagens/galeria/002.jpg" width="814px" height="648px" alt="Imagem 2" />
<img src="imagens/galeria/003.jpg" width="814px" height="648px" alt="Imagem 3" />
</div>
Obs.: já tentei com class e id, os dois dão a mesma coisa.
Estava seguindo um tutorial, está tudo correto. Mas mesmo assim não funciona, o navegador abre as três imagens oO
Alguém pode me auxiliar?
Grato.
