Les photos de Shadowbox javascript

Salut, bon de faire partie du forum, et désolé pour mon anglais, je vais faire de mon mieux, mais n'est pas ma langue maternelle.

Avec les détecteurs plus grands disponibles sur le marché de l'écart entre 1024x768px et 1920x1200px est maintenant vraiment énorme donc j'ai besoin de gérer un site de photographie et d'affichage des photos aussi grand que possible avec tout type de moniteurs.
Images statiques avec des dimensions fixe ne fonctionnent tout simplement plus. J'étais un utilisateur de javascript lightbox, j'ai adoré.

Vous cherchez quelque chose de similaire Je viens de découvrir shadowbox hier un javascript qui améliorent effectivement un album beaucoup...avec un fonctionnalités intéressantes (et non le seul bien sûr) l'utilisation de grandes photos qui seront automatiquement redimensionnées pour s'adapter à l'écran quelle que soit la résolution de l'écran des utilisateurs est.

J'ai trouvé javascript Shadowbox assez facile à installer (grande chose la compatibilité avec rel = "lightbox [texttext]")

Regret, n'a pas été facile à gérer et à modifier.

J'ai passé plusieurs heures à créer mon modèle de première page en utilisant Shadowbox

Mais maintenant Im vraiment satisfait.
J'ai noté une grande confusion dans les forums au sujet de certaines questions et je vais maintenant tenter d'écrire ce que j'ai constaté et résolu: (i hope aidera gif "alt =": D "title =" très heureux "> )



(1) Le script fonctionne parfaitement avec EGALEMENT doctype XHTML




(2) Ce script fonctionne avec IE8 IE7 IE6 mais attention aux paramètres caractéristiques de la ligne dans le fichier init:





Juste une petite erreur comme: handleOversize: "resize", juste une virgule peut entraîner une erreur de script mais il fonctionne quand même avec tous les navigateurs aussi IE8 mais ne fonctionne pas avec IE7 IE6, nous constatons que, juste au cas où.



(3) Je n'ai relevé aucun problème dans Chrome, Firefox, Opera, Safari au moins les derniers communiqués.


(4), concernant le TITRE ET LEGENDE question que j'ai à dire (après les heures d'essais) que l'auteur du script est sans doute raison, il n'est pas possible de gérer dans le bon sens le redimensionnement des boîtes sans le savoir avant l'apogée de le titre et donc en gros, nous sommes obligés d'utiliser une hauteur fixe. Plus est la ligne la hauteur et plus de texte sera affiché.

Donc, ma suggestion est la suivante: décider combien de lignes que vous mai nécessité de titre ou la description et de fixer la hauteur de la boîte en conséquence à la taille de police px, et la hauteur de ligne.

Je l'ai fait pour une police de 10px pour que je puisse avoir 3 / 4 lignes (assez)





- 4a
Si vous sortez de CSS la hauteur du titre de son fonctionnement (mais pas très bien) pour Chrome, Firefox, Opera, Safari.
Un padding-bottom permettra de résoudre le dernier numéro de ligne de coupe. Cette solution ne fonctionne pas avec IE quelle que soit la version. IE exigent la fixation de toute façon une hauteur autrement seront pas afficher plus de lignes de texte.





- 4b
J'ai noté que c'est beaucoup mieux d'avoir le texte ci-dessous des photos alors qui est intéressé à cette situation doit changer la shadowbox fichier. js et de trouver là les valeurs de balisage, puis doit changer la position d'un couple de div





Enfin, je dois dire que ce script est tout à fait une grande chose! Après quelques heures de travail i ont recréé un sentiment lightbox avec modification shadowbox.css.
Je vais maintenant changer toutes les pages de mon site web en utilisant JavaScript Shadowbox portefeuilles.
Je voudrais mettre un lien vers la page échantillon fait hier mais n'est pas autorisé dans le forum



Cela fait partie de la CSS j'ai modifié, si quelqu'un veux en savoir plus laissez-moi savoir.
Cordialement.