Liste des bugs signalés

Bug 51

Ouvert par Acendancy le 31/05/2009 17:18
Navigateur : Firefox 3.0
Système d’explotation : Win7
État : Corrigé
Domaine : ikilote.net
Adresses

/Image/Galeries/Scans/124/Megami_110/%5Bakitake_seiichi%5D_K-ON!_-_akiya…

Description

En fait voilà,

lorsque l'on veut visualiser une image (surtout les scans) d'une résolution énorme... Si on veut agrandir l'image, sans pour autant qu'on ne voit qu'un œil du personnage dans l'entiertée de l'écran, il faudrait implémenter un script permettant à l'image de prendre la taille de l'écran (en hauteur et largeur) sans dépasser les bords. Enfin, c'est la solution la plus simple que je verrais.

Maintenant je ne sais pas si il y a peut-être une meilleure solution !

Pièces-jointes
Acendancy : Scan.png - 1,335 Mio

#1
Zéfling - 31/05/2009 18:21

La taille de l'écran c'est possible en ouvrant un vrai popup (chose que je préfère éviter). si tu veut du plein écran il y a F11 (vue en plein écran) sur tout les navigateurs.

Par contre que l'image soit de la taille de la fenêtre du document (de la page) ça serait pas idiot mais en laissant la possibilité de la voit en taille 1:1.

Après faut voir, parce que ça risque d'être pas mal de javascript.

J'avais pensé faire un vu réduite calculé par PHP et une vu complète en cliquant su l'image. Parce que les très grandes résolutions posent parfois problème à ce niveau là. Mais j'ai un peu peur que ça plombe le serveur (et j'ai pas trop envie de me retrouver à avec une réduction intermédiaire sur le serveur :D)

#2
Acendancy - 31/05/2009 19:29

Bha ça c'est sur qu'une réduction calculée en php ça risque de pomper pas mal de ressources serveur ! Tandis que en JavaScript ça passerait mieux ^^

Je trouve que le script de sankaku passe pas mal ^^

#3
Zéfling - 31/05/2009 23:54

T'as un exemple, parce que quand je teste, ça ressemble pas mal à mon truc. ^^'

#4
Zéfling - 01/06/2009 00:00

J'ai compris, c'est le même chose que moi, sauf qu'il y a une limite de taille maximale du cadre là où je n'en ai pas mise. Si c'est juste faire ça, c'est super simple. Mais, personnellement si c'est juste faire ça, je ne fois pas trop l'intérêt.

J'avais pensé faire un truc plus comme un lightbox (un exemple [lien="http://boismagique.fr/?p=puzzles"]ici[/lien]).

#5
Acendancy - 02/06/2009 12:30

Ouais en fait au début je voulais mettre cet exemple là que je connaissais par animepaper, sauf que animepaper avait supprimé ce mode de visualisation ^^

#6
Zéfling - 24/06/2009 03:12
OuvertEn cours

Je teste un truc. Le script change totalement de l'ancien (ça m'a même obligé à revoir le CSS).
Le script est aussi plus simple.

Quand on clique sur l'image le scroll monte en haut de page et affiche d'image dans un cadre. L'image est cette fois défini à la largeur de la fenêtre. Un lien en haut de page permet de l'agrandir à sa taille réelle ou de revenir à la largeur de la fenêtre.

Maintenant, reste à savoir si pour celle qui permet d'afficher la page, je fait un script pour réduire son poids. En local, le test risque d'être compliqué pour moi, les pages mets 3 fois plus de temps à se charger (le serveur est plus rapide que mon PC pour le PHP).

#7
Acendancy - 24/06/2009 13:08

Ho pas mal trouvé le fait de caller l'image sur la largeur de la fenêtre ! ^^ je trouve que ça donne bien !

#8
Zéfling - 24/06/2009 13:59

Bha, ça été compliqué de trouver comment faire pour que, si la largeur de l'image est plus petit que le fenêtre, il n'aille pas m'agrandir l'image pour rien.

Finalement, j'ai presque tout réussi à faire en CSS.

J'ai juste deux valeurs à changer en alternance dans mon script pour que ça fonctionne. Du coup ça marche mieux sur tout les navigateur. Il y a un petit problème sur IE7, mais c'est dû au moteur de rendu (et j'en ai un peu marre de me battre contre lui).

#9
Zéfling - 26/09/2009 10:46
En coursCorrigé

Je considère le bug comme corrigé. Il n'y a pas eu de problème jusque là.

Ajout d’un message

Visiteur
Bug
(À ne changer que si nécessaire.)
Pièce-jointe (facultative) Image, document, ou archive (zip, rar, etc.) permettant d’aide à résoudre le bug.