Bonsoir a tous !
Je suis entrain de faire un script PHP/SQL pour lire une liste de films faite à l'aide de ANT Movie Catalog (Très bon logiciel pour ceux qui ne connaissent pas).
J'ai presque fini, et je suis plutôt content du résultat, mais a cause d'un petit problème, la page est très longue a s'afficher.
En gros voila :
Sur la page principale, j'ai le numéro des films. Ce numéro est un lien qui ouvre un tooltip avec l'affiche du film en 125px de large lorsque l'on passe dessus.
Pour ce faire, j'utilise un code javascript/css trouve ici même (ICI).
(j'ai été obligé de modifier un peu le code, pour pouvoir afficher la bonne image du film)
Comme on peu le voir le page "Des popups accessibles", chaque "popup" est chargé par le navigateur, et caché jusqu'à ce que l'on passe sur le lien...
Donc j'ai un nombre de DIV cachés qui correspond au nombre de films affichés sur la page. Quand y'en a 20-25, avec l'adsl ça passe bien, les images étant petites. Mais quand il y a beaucoup de films, ça devient très tres long !
Ma question est donc la suivante :
Existe il un code css (et javascript si besoin), qui me permette la même chose, mais sans charger toute les images au lancement de la page. Genre ça charge l'image juste au moment ou l'on passe sur le lien ?
Si ya vraiment besoin, je donnerais un lien pour montrer ce que cela donne, mais si je pouvais éviter cela m'arrangerais, étant donné que ma liste de film ne comporte que très peu d'originaux.
Merci a vous de votre aide, qui, j'en suis sur, me sera très précieuse
Edit : J'ai posté en section javascript car le script actuel en utilise, mais si le futur n'en comporte pas, c'est tres bien aussi (avec un grosse préférence pour le PHP...)
Modifié par ElectriZ (11 Jul 2007 - 22:25)
Je suis entrain de faire un script PHP/SQL pour lire une liste de films faite à l'aide de ANT Movie Catalog (Très bon logiciel pour ceux qui ne connaissent pas).
J'ai presque fini, et je suis plutôt content du résultat, mais a cause d'un petit problème, la page est très longue a s'afficher.
En gros voila :
Sur la page principale, j'ai le numéro des films. Ce numéro est un lien qui ouvre un tooltip avec l'affiche du film en 125px de large lorsque l'on passe dessus.
Pour ce faire, j'utilise un code javascript/css trouve ici même (ICI).
(j'ai été obligé de modifier un peu le code, pour pouvoir afficher la bonne image du film)
Comme on peu le voir le page "Des popups accessibles", chaque "popup" est chargé par le navigateur, et caché jusqu'à ce que l'on passe sur le lien...
Donc j'ai un nombre de DIV cachés qui correspond au nombre de films affichés sur la page. Quand y'en a 20-25, avec l'adsl ça passe bien, les images étant petites. Mais quand il y a beaucoup de films, ça devient très tres long !
Ma question est donc la suivante :
Existe il un code css (et javascript si besoin), qui me permette la même chose, mais sans charger toute les images au lancement de la page. Genre ça charge l'image juste au moment ou l'on passe sur le lien ?
Si ya vraiment besoin, je donnerais un lien pour montrer ce que cela donne, mais si je pouvais éviter cela m'arrangerais, étant donné que ma liste de film ne comporte que très peu d'originaux.
Merci a vous de votre aide, qui, j'en suis sur, me sera très précieuse

Edit : J'ai posté en section javascript car le script actuel en utilise, mais si le futur n'en comporte pas, c'est tres bien aussi (avec un grosse préférence pour le PHP...)
Modifié par ElectriZ (11 Jul 2007 - 22:25)