Help
Posted 13 September 2011 - 07:19 PM
Estou tendo uma dificuldade imensa em localizar o erro neste script.
enquanto estava no site de apresentação, funcionava bem. Quando adequei para os meus diretórios, ele não está carregando as imagens.
Já não sei mais o que pode ser. Se alguém puder me ajudar, é um slideshow com thumbs na vertical.
abaixo segue o script html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Slideshow 2! Example 5: Vertical thumbnails</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="Aeron Glemann (http://www.electricprism.com/aeron/)" />
<meta name="copyright" content="Copyright (c) 2008 Aeron Glemann (http://www.electricprism.com/aeron/), Creative Commons License (http://creativecommons.org/licenses/by/3.0/)" />
<meta name="description" content="Slideshow 2! A javascript class for Mootools 1.2 to stream and animate the presentation of images on your website. This page features an example of vertical thumbnails." />
<link rel="stylesheet" type="text/css" href="../css/slideshow.css" media="screen" />
<style type="text/css">
a { color: #404040; }
a:hover { text-decoration: none; }
code { color: #404040; font: normal 10px Monaco, monospace; }
em { color: #808080; font-style: normal; }
h1 { color: #000; font: normal 12px/16px Arial, sans-serif; padding: 0 20px 16px; text-transform: lowercase; }
h1:before { content: '.'; }
p { color: #404040; font: normal 12px/16px Arial, sans-serif; padding: 0 20px 16px; }
/* Overriding the default Slideshow thumbnails for the vertical presentation */
.slideshow-thumbnails {
height: 300px;
left: auto;
right: -80px;
top: 0;
width: 70px;
}
.slideshow-thumbnails ul {
height: 500px;
width: 70px;
}
</style>
<script type="text/javascript" src="../script/mootools.js"></script>
<script type="text/javascript" src="../script/slideshow.js"></script>
<script type="text/javascript">
//<![CDATA[
window.addEvent('domready', function(){
var data = [
"../img/4/2646_1.jpg":{caption:"Marcha da Consciência Negra",href:"materias.php?opt=4&mat=2646", thumbnail:"../img/4/2646_1.jpg"},
"../img/4/2649_1.jpg":{caption:"Angolana vence Miss Universo 2011",href:"materias.php?opt=4&mat=2649", thumbnail:"../img/4/2649_1.jpg"},
"../img/2/2648_1.jpg":{caption:"BA - Espetáculo 'Siré Obá: A Festa do Rei'",href:"materias.php?opt=2&mat=2648", thumbnail:"../img/2/2648_1.jpg"}];
var myShow = new Slideshow('show', data, { controller: true, height: 300, hu: 'http://www.jornalagaxeta.com.br/', thumbnails: true, width: 400 });
});
//]]>
</script>
</head>
<body>
<h1>Example 5: Vertical thumbnails</h1>
<div id="show" class="slideshow">
<img src="../img/4/2456_1.jpg" width="396" height="300" alt="imagem não carregada. aguardando" />
</div>
</body>
</html>Caso alguém possa me ajudar, agradeço. Estou com o site aguardando esta solução.
