Piwigo.org

dmaille · 2006-09-10 07:36:48

VDigital a écrit:
VDigital a écrit:
Je viens de voir le site de dmaille
http://www.maillefaud.info/photo/index.php?/category/32
Ne marche pas avec IE.

Je confirme... et heureusement pour moi car je n'ai rien modifié et aurais donc été dans l'impossibilité de vous donner une solution, lol...

tlegras · 2006-09-13 14:02:05

VDigital a écrit:
Pour tous ceux qui s'interressent aux css et ce qui est réalisable je conseillerai l'excellent site:
http://www.dynamicdrive.com/style/csslibrary/tos/

Je pense que le papa de sucatify serait d'ailleurs interressé par ceci:
Floating image with no text wrap

Excellent ce site! merci!

VDigital a écrit:
PS pour Thierry: As-tu réussi à extraire la partie carrée de mes scripts?

ça y est je viens de tester avec une install de la 1.6.1 toute fraiche. je n'ai eu qu'a retirer:

<img class="hoverimg"
src="{thumbnails.line.thumbnail.IMAGE}"
alt="{thumbnails.line.thumbnail.IMAGE_ALT}"
title="{thumbnails.line.thumbnail.IMAGE_TITLE}" />

ou alors laisser le fichier thumbnail.tpl inchangé comme vous m'avez proposé marche aussi :)

Merci Vincent! on peut donc mettre le overbox facilement en option.
j'ai ajuste la classe ".clip_tb" a mon gout => clip: rect(0px 80px 80px 0px);
je peux maintenant avoir facilement 7 colonnes d'images sur un ecran de 1024 pixel. :)

une petite chose que je cherche maintenant est que les zones tronquées soient symétriques:
pour les images horizontales je voudrais tronquer un peu à gauche et à droite au lieu de ne tronquer qu'à droite. idem pour les images verticales.

sinon, pour moi non plus la zone clickable n'est pas bonne sous ie.

Thierry.

Dernière modification par tlegras (2006-09-13 14:15:52)

tlegras · 2006-09-15 17:42:51

tlegras a écrit:
sinon, pour moi non plus la zone clickable n'est pas bonne sous ie.

je pense que j'arrive a corriger le probleme chez moi (donc sans l'overbox) en mettant le tag "a" juste autour de l'image, soit:

<a href="{thumbnails.line.thumbnail.U_IMG_LINK}">
<img class="clip_tb"
au lieu de
<a href="{thumbnails.line.thumbnail.U_IMG_LINK}">

<img class="clip_tb"
mais apres j'ai du retirer tout le css relatif a hoverbox dans hsq2.css et hsq2_ie_fx.css et ajuster les classes squared_tb. je ne comprend pas encore pourquoi elles sont encore differentes pour ie et firefox:
.squared_tb { /* pour firefox */ width: 80px; height: 80px; left: -40px; top: -30px; ...}
.squared_tb { /* pour ie */ width: 80px; height: 160px; left: 5px; top: -75px; ...}

par contre j'ai l'impresson qu'il n'y a pas de moyen de centrer les vignettes tronquées. :(

Thierry.

Dernière modification par tlegras (2006-09-15 17:45:47)

VDigital · 2006-09-15 18:50:53

Bonjour Thierry,

Le <a> sans hoverbox c'est normal que ça marche.
Effectivement tu n'as besoin que d'asjuster les classes squared_tb.
Tu es dans la bonne direction.
IE et les navigateurs type FF:
IE ne gère pas les positions relatives de la même façon que les autres, c'est comme ça, et 80% de Hack de css pour IE réasjutent cette différence.

Quand à centrer, je n'ai pas choisi de centrer avant de tronquer parce que je ne crois pas que cela soit possible, au contraire j'avais choisi d'excentrer pour ne pas rencontrer de problème avec des vignettes un peu trop petite soit verticalement soit horizontalement...

8-)

PS: J'ai hâte de voir ton résultat.

tlegras · 2006-09-20 17:22:14

VDigital a écrit:
Le <a> sans hoverbox c'est normal que ça marche.
Effectivement tu n'as besoin que d'asjuster les classes squared_tb.
Tu es dans la bonne direction.
IE et les navigateurs type FF:
IE ne gère pas les positions relatives de la même façon que les autres, c'est comme ça, et 80% de Hack de css pour IE réasjutent cette différence.

oui le resultat me semble pas trop mal a priori. c'est teste sur IE5 et Firefox 1.0.7.
les très petites vignettes apparaissent encore haut à gauche du cadre, ce n'est pas vraiment top.
j'ai egalement un probleme sur la page admin.php?page=thumbnail

j'ai ce texte affiche en haut de la page.

{thumbnails.line.thumbnail.IMAGE_ALT} {thumbnails.line.thumbnail.element_name.NAME} [{thumbnails.line.thumbnail.category_name.NAME}] {thumbnails.line.thumbnail.IMAGE_TS}
{thumbnails.line.thumbnail.nb_comments.NB_COMMENTS} {lang:comments}

sans doute un probleme dans le fichier tpl. je ne crois pas avoir touché a quoique ce soit dedans. avez-vous le même problème ou cela vient-il de ce moi?

VDigital a écrit:
Quand à centrer, je n'ai pas choisi de centrer avant de tronquer parce que je ne crois pas que cela soit possible, au contraire j'avais choisi d'excentrer pour ne pas rencontrer de problème avec des vignettes un peu trop petite soit verticalement soit horizontalement...

effectivement, cela ne semble pas possible, sauf peut-etre a avoir une classe differente pour les images vertical ou horinzontal. et encore. le site flickr affiche des miniatures carrées dans certains cas, mais ce sont les images miniatures elles-memes qui sont carrees, et ne sont pas tronquées.

je me demande encore si cela ne serait pas possible en mettant l'image en background. mais meme si c'était le cas, c'est un peu tirer par les cheveux... apres tout il suffit que je genere mes miniatures carrées pour ameliorer le résultat. :-/

VDigital a écrit:
PS: J'ai hâte de voir ton résultat.

tu ne devrais pas... je viens de casser mon disque dur chez moi... donc je vais passer mes prochains jour a reinstaller mon système... :((

VDigital · 2006-09-20 18:41:27

tlegras a écrit:
j'ai ce texte affiche en haut de la page.

{thumbnails.line.thumbnail.IMAGE_ALT} {thumbnails.line.thumbnail.element_name.NAME} [{thumbnails.line.thumbnail.category_name.NAME}] {thumbnails.line.thumbnail.IMAGE_TS}
{thumbnails.line.thumbnail.nb_comments.NB_COMMENTS} {lang:comments}

Je n'ai jamais eu ça. 8-/

tlegras a écrit:
je me demande encore si cela ne serait pas possible en mettant l'image en background. mais meme si c'était le cas, c'est un peu tirer par les cheveux... apres tout il suffit que je genere mes miniatures carrées pour ameliorer le résultat. :-/

Un peu capilotracté effectivement, je ne conseillerai à personne d'afficher les miniatures via le background.
Trop complexe à gérer en réalité.
L'usage du background doit être réservé aux images qui reviennent souvent sur les pages du site.
En plus, il faut les solliciter via du css donc c'est très statique comme démarche.
Ceci dit c'est vrai qu'on obtiendrait plus facilement le centrage à priori.

tlegras a écrit:
VDigital a écrit:
PS: J'ai hâte de voir ton résultat.
tu ne devrais pas... je viens de casser mon disque dur chez moi... donc je vais passer mes prochains jour a reinstaller mon système... :((

Bon courage.

repie38 · 2006-09-24 21:20:43

http://host.sonspring.com/hoverbox/ : une galerie hoverbox qui fonctionne sur ie6 et ff
le code est tres simple, et sans js :D

(trouver dans ce sujet : http://forum.phpwebgallery.net/viewtopic.php?id=8939)

peut etre que ca peut servir ;)

Piwigo.org

Annonce

#46 2006-09-10 07:36:48

Re: [Hoverbox] Extension de templates

VDigital a écrit:

VDigital a écrit:

#47 2006-09-13 14:02:05

Re: [Hoverbox] Extension de templates

VDigital a écrit:

VDigital a écrit:

#48 2006-09-15 17:42:51

Re: [Hoverbox] Extension de templates

tlegras a écrit:

#49 2006-09-15 18:50:53

Re: [Hoverbox] Extension de templates

#50 2006-09-20 17:22:14

Re: [Hoverbox] Extension de templates

VDigital a écrit:

VDigital a écrit:

VDigital a écrit:

#51 2006-09-20 18:41:27

Re: [Hoverbox] Extension de templates

tlegras a écrit:

tlegras a écrit:

tlegras a écrit:

VDigital a écrit:

#52 2006-09-24 21:20:43

Re: [Hoverbox] Extension de templates

Pied de page des forums