Отправлено от
{% IF index_page %}
<div class="flexslider" id="autumn-slider">
<ul class="slides">
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}http://x26054.storeland.net/186.jpg?0150"></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}http://x26054.storeland.net/327.jpg?0150"></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}http://x26054.storeland.net/420.jpg?0150"></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}http://x26054.storeland.net/199.jpg?0748"></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}http://x26054.storeland.net/230.jpg?1051"></a></li>
</ul>
</div>
{% ENDIF %}
замените на этот
<div id="slider">
<!-- La banderolle qui contiens toute les images -->
<div id="mask">
<ul id="image_container">
<li><img src="{ASSETS_IMAGES_PATH}bird.jpg"></li>
<li><img src="{ASSETS_IMAGES_PATH}red_bird.jpg"></li>
<li><img src="{ASSETS_IMAGES_PATH}spring.jpg"></li>
<li><img src="{ASSETS_IMAGES_PATH}winter.jpg"></li>
</ul>
</div>
<img src="{ASSETS_IMAGES_PATH}glass.png" id="glass">
<!-- l'encart bleu. Quoter s'il est genant --><!--
<div id="encart">
<img src="{ASSETS_IMAGES_PATH}bouton.png" id="bouton">
</div>-->
<!-- fin de l'encart -->
<!-- Les fleches de navigations -->
<ul id="dots">
<!-- les petits points qui affichent ou nous en somme sur le slide -->
<li class="button1" onClick="changeImage(1)" ></li>
<li class="button2" onClick="changeImage(2)" ></li>
<li class="button3" onClick="changeImage(3)" ></li>
<li class="button4" onClick="changeImage(4)" ></li>
</ul>
<img src="{ASSETS_IMAGES_PATH}fleche-gauche.png" id="fleche_gauche" class="fleche" onClick="prevImage()" >
<img src="{ASSETS_IMAGES_PATH}fleche-droite.png" id="fleche_droite" class="fleche" onClick="nextImage()" >
</div>
<script>
// Des Variables pour pouvoir modifier facilement ce qui doit l'être
var secDuration = 5;
var image = 1;
var maxImages = 4;
var slider = document.getElementById('slider');
var timeout
// La fonction qui change les images. Peut pointer vers une image spécifique, ou bien être appelée vide, pour passer ç celle d'apres
function changeImage(requiredImage) {
// Début de l'algorithme .
if (!requiredImage && requiredImage != 0){ //Si nous n'avons pas spécifié une image
if(image < maxImages){// Si l'image n'est pas la dernière, on avance d'une image
image++;
}
else{
image = 1;//Si Nous sommes sur la dernière, on reviens au début
}
}
else{ // Si nous avont spécifié une image
if(requiredImage > maxImages){//Si nous avont spécifié une image au dela de la dernière, on revient à la première
image = 1;
}
else if(requiredImage < 1){ //Si nous avont spécifié une image 0 ou moins, on vas à la dernière image
image = maxImages;
}
else{
image = requiredImage; // Sinon, on vas à l'image spécifiée.
}
}
//On dis au slider à travers sa classe quel image il doit afficher
slider.className = "image"+image;
// On nettoie et relance le timeout
clearTimeout(timeout)
timeout = setTimeout("changeImage()",secDuration*1000);
}
//Deux petites fonctions tres compréhensibles
function nextImage(){
changeImage(image+1);
}
function prevImage(){
changeImage(image-1);
}
//On met le slide sur l'image par défaut, ici la 1ere
changeImage(1);
</script>Цитата
т.е. мне нужно через меню "Добавить файлы" загрузить эти картинки,
я пути к картинкам добавил путь, так что не беспокойтесь))
