Bonjour à tous,
J'aimerais pouvoir ajouter a ma page d'accueil un slide show fait en ajax avec le framework mootools.
Premièrement j'ai cherche par moi meme, mais sans succes je demande donc votre aide.
J'ai commencer par essayer d'ajouter les chemins vers les fichiers ".js" en modifiant le fichier page.xml en ajoutant le code suivant :
| Code : |
<action method="addJs"><script>slideshow/mootools.v1.11.js</script></action>
<action method="addJs"><script>slideshow/jd.gallery.js</script></action> |
Mais hélas sans succes, les fichiers ne se charge pas et je ne les vois pas dans le code source de ma page d'accueil :
| Code : |
<script type="text/javascript" src="http://localhost/junk-jungle/js/index.php?c=auto&f=,prototype/prototype.js,prototype/validation.js,scriptaculous/builder.js,scriptaculous/effects.js,scriptaculous/dragdrop.js,scriptaculous/controls.js,scriptaculous/slider.js,varien/
js.js,varien/form.js,varien/menu.js,mage/translate.js,mage/cookies.js" ></script> |
Pourriez vous m'indiquer la marche a suivre pour ajouter les fichiers js ?
Deuxièmement, j'aimerais faire apparaitre ce slide show au dessus des trois colonnes comment sur l'image si dessous (j'ai fait un montage sur photoshop rapidement pour vous montrer le résultat rechercher)
j'ai essayer avec la méthode des "block" mais je n'ai pas reussit a obtenir un positionnement au dessus des 3 Colonnes.
J'aimerais savoir ou je doit inserer le code suivant :
| Code : |
<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true,
showArrows: false,
showCarousel: false
});
}
window.addEvent('domready', startGallery);
</script>
<div id="myGallery">
<div class="imageElement">
<h3>Siren The New Translation</h3>
<p>Final Here we are with the new relases of square enix studio, after ten years past without this moutain of new project finaly here we are.</p>
<a href="mypage1.html" title="open image" class="open"></a>
<img src="images/junk/siren.jpg" class="full" />
</div>
<div class="imageElement">
<h3>Final Fantasy Advent Children Complete</h3>
<p>New Release of Final Fantasy Advent Children in Bluray with complete scene and more !</p>
<a href="mypage2.html" title="open image" class="open"></a>
<img src="images/junk/ff7.jpg" class="full" />
</div>
</div> |
Merci à tous pour votre aide
