Hello,
j'ai un petit problème avec un site que je réalise.
J'ai perdu un javascript qu'un ami m'avait écrit... il m'a renvoyé une ancienne version
que je dois maintenant réadapter mais je n'y arrive pas.
Le js est en fait là pour commander un slideshow basique: deux liens, prev et next reliés chacun à une fonction permettant de passer à la photo suivante ou de revenir en arrière...
Voila le code javascript:
Et la fonction nextprev :
La seule différence avec mon site est que j'affiche trois slideshows simultanément sur la même page, ce qui fait que mes images sont stockées dans des arrays de ce type :
Cela deux jours que je bloque dessus, je ne sais comment l'adapter et mon pote est injoignable...
Merci d'avance pour toute aide !
j'ai un petit problème avec un site que je réalise.
J'ai perdu un javascript qu'un ami m'avait écrit... il m'a renvoyé une ancienne version
que je dois maintenant réadapter mais je n'y arrive pas.
Le js est en fait là pour commander un slideshow basique: deux liens, prev et next reliés chacun à une fonction permettant de passer à la photo suivante ou de revenir en arrière...
Voila le code javascript:
Bloc de code:
var place = 0;
function startup()
{
var pic = path + img[0][0];
story_display(pic);
story_text(img[0][1]);
preload();
}
function preload()
{
var i = 0;
preload_image_object = new Image();
for (i = 0; i <= limit; i++) preload_image_object.src = path + img[i][0];
}
function story_display(pic)
{
$('body').css({backgroundImage: 'url(' + pic + ')', backgroundPosition: 'center center', backgroundRepeat: 'no-repeat'});
}
function story_next()
{
place = (place + 1 > limit - 1) ? 0 : place + 1;
story_display(path + img[place][0]);
story_text(img[place][1]);
}
function story_prev()
{
place = (place - 1 < 0) ? limit - 1 : place - 1;
story_display(path + img[place][0]);
story_text(img[place][1]);
}
function story_text(text)
{
$('#the-text').html(text);
}Et la fonction nextprev :
Bloc de code:
function nextprev(id)
{
var html = '<a href=\"#\" onclick=\"do_prev(' + id + '); return false;\">Previous</a> ';
html += '<a href=\"#\" onclick=\"do_next(' + id + '); return false;\">Next</a>';
return html;
}La seule différence avec mon site est que j'affiche trois slideshows simultanément sur la même page, ce qui fait que mes images sont stockées dans des arrays de ce type :
Bloc de code:
var place = new Array();
var limit = new Array();
var img = new Array();
limit[0] = 2;
place[0] = 0;
img[0] = new Array();
img[0][0] = new Array('47_aofatest1.png', "<p>caption</p>");
img[0][1] = new Array('47_aofatest2.png', "<p>caption</p>");Cela deux jours que je bloque dessus, je ne sais comment l'adapter et mon pote est injoignable...
Merci d'avance pour toute aide !
