11548 sujets

JavaScript, DOM et API Web HTML5

Bonsoir à toutes et tous, je me décide à poster, en désespoir de cause, après avoir passé plusieurs heures à chercher des solutions à mon problème. Après un premier post dans la rubrique php/language serveur de ce forum, le modérateur m'a conseillé de poster ici :
http://forum.alsacreations.com/topic.php?tid=39944&fid=20 (première discussion)

En gros je fais mon site perso de photographe et je voudrais qu'une image aléatoire apparaisse en background dans le index.html (avant de rentrer dans le site) et que celle ci s'affiche à 100% de la surface disponible dans la fenêtre. L'idée étant que l'image s'adapte dynamiquement, du coup, à la résolution d'écran de l'internaute.

Plus que de longs discours, voici ce qui m'a inspiré et l'effet que je recherche :
http://www.noorimages.com/

Après étude, il apparait, je crois, qu'il y a un dossier d'une dizaine d'images en haute def. A chaque visite, une image est choisie, un script php calcule résolution de l'écran et redimensionne ensuite l'image qui est intégrée à la page pour la durée de la visite.

Sur un forum italien, un internaute à posé peu ou prou la même question que moi mais j'ai rien compris techniquement à la réponse, ça m'a pas avancé : http://forum.html.it/forum/showthread/t-1214413.html

J'ai eu beau cherché je n'ai pas vraiment trouvé de script php simple ou de solution toute faite pour arriver à cet effet. Je connais bien le HTML et le CSS, très peu le PHP donc je ne me sens pas en capacité pour coder tout moi même mais je suppose qu'il doit exister des solutions.

Si vous avez de quoi m'aiguiller sur ce sujet précis, je vous en serais reconnaissant smile

Merci d'avance et bonne soirée.

Pierre
L'esentiel est dans le script noorimages.js où la fonction initbackground appelle le programme imagehandler.php en lui indiquant la largeur de la page et l'existence éventuelle d'une image de fond.
Ce programme retourne simplement l'url de l'image proposée.