Back to top

Autore Topic: Slideshow in javascript  (Letto 946 volte)

Offline neo996sps

  • Esploratore
  • **
  • Post: 107
  • Sesso: Maschio
    • Mostra profilo
Slideshow in javascript
« il: 08 Ago 2011, 16:49:10 »
Ciao a tutti,

è tutto il giorno che stò tentando (inutilmente) di inserire uno slideshow scritto in javascript da mettere nell'header del template joomla.

Questa è la parte dell'head:

Codice: [Seleziona]
<head>
 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
 <jdoc:include type="head" />
 <link rel="stylesheet" href="<?php echo $this->baseurl?>/templates/system/css/system.css" type="text/css" />
 <link rel="stylesheet" href="<?php echo $this->baseurl?>/templates/system/css/general.css" type="text/css" />
 <link rel="stylesheet"  href="<?php echo $this->baseurl?>/templates/system/css/slideshow.css">
 <link rel="stylesheet" type="text/css" href="<?php echo $templateUrl?>/css/template.css" media="screen" />
 <!--[if IE 6]><link rel="stylesheet" href="<?php echo $templateUrl?>/css/template.ie6.css" type="text/css" media="screen" /><![endif]-->
 <!--[if IE 7]><link rel="stylesheet" href="<?php echo $templateUrl?>/css/template.ie7.css" type="text/css" media="screen" /><![endif]-->
 <script type="text/javascript" src="<?php echo $templateUrl?>/script.js"></script>
    <script src="http://www.perozzogirardelli.it/joomla/templates/perozzo/js/mootools-1.3.2-core.js"></script>
    <script src="http://www.perozzogirardelli.it/joomla/templates/perozzo/js/mootools-1.3.2.1-more.js"></script>
    <script src="http://www.perozzogirardelli.it/joomla/templates/perozzo/js/slideshow.js"></script>
    <script src="http://www.perozzogirardelli.it/joomla/templates/perozzo/js/slideshow.flash.js"></script>
    <script src="http://www.perozzogirardelli.it/joomla/templates/perozzo/js/slideshow.fold.js"></script>
    <script src="http://www.perozzogirardelli.it/joomla/templates/perozzo/js/slideshow.kenburns.js"></script>
    <script src="http://www.perozzogirardelli.it/joomla/templates/perozzo/js/slideshow.push.js"></script>
    <script>
        window.addEvent('domready', function(){
            var data = { '1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg'};
         new Slideshow.KenBurns('art-header', data, { duration: 1500, hu: 'http://www.perozzogirardelli.it/joomla/templates/perozzo/slide/', width:1002 });
           
        });
    </script>
</head>

e questo è il div relativo

Codice: [Seleziona]
<div class="art-header">


      <img src="http://www.perozzogirardelli.it/joomla/templates/perozzo/slide/1.jpg" alt="1">



</div>
Come si vede ho provato anche a mettere i percorsi assoluti ma non cambia nulla. Mi sapete aiutare?

 



Web Design Bolzano Kreatif