zoom image

[phelibre]

Hi,

Suite à mon post sur "le texte qui défile" ... je suis arrivée sur ce lien http://www.dolem.com/lytebox/ Effectivement le zoom image fonctionne pile poil ...
Pour rappel je reconnait que mon site est à revoir complètement afin d'utiliser les css et abandonner les cadres http://phelibre.free.fr ...
Mais en attendant on peut remarquer sur le premier lien qu'il y a la possibiliter d'utiliser la fonction zoom dans un site avec des cadres !
J'ai essayé pais cela ne tourne pas correctement du tout car l'image s'ouvre uniquement dans le dernier cadre ... :hein:

Je cherche un tuyau pour y arriver :zen:

 

[Anonyme]

Les cadres n'amènent que des ennuis autant pour toi que pour tes visiteurs. Personnellement, je te conseillerais de faire les choses dans l'ordre, d'abord le tutoriel html&css et puis quand tu as maîtrisé un peu le sujet, passer à javascript et toutes ses possibilités. Ça ne sert à rien de brûler les étapes.

 

[phelibre]

Oui pas de frameset et uniquement css et js ....
Pour commencer j'aimerai trouver l'équivalent avec les définitions css d'une boite qui aurait un ascenseur horizontal comme ici
J'ai définie une boite de la bonne hauteur mais de langeur plus petite que le nombre d'images:

#boiteamoi {
color: #O00;
background-color: #OOO;
padding: 20px;
position: absolute;
top: 220px;
left: 10px;
width: 560px;
height: 280px }

dans le body
<div id="boiteamoi">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td ><a href="" onclick="window.open('gme2006.html','AFP','toolbar=0,directories=0,status=0,scrollbars=0,resizable=0,copyhistory=0,menubar=0,width=900,height=803'); return(false)"><img src="images/vgme2006.jpg" title="Painter & Gimp et le format psd" width="280" height="280" border="0"></td>
<td ><a href="" onclick="window.open('gemilie07a.html','AFP','toolbar=0,directories=0,status=0,scrollbars=0,resizable=0,copyhistory=0,menubar=0,width=870,height=788'); return(false)"><img src="images/vgemilie07a.jpg" title="Painter & Gimp aussi souple" width="280" height="280" border="0"></td>
<td ><a href="" onclick="window.open('ghilard.html','AFP','toolbar=0,directories=0,status=0,scrollbars=0,resizable=0,copyhistory=0,menubar=0,width=900,height=805'); return(false)"><img src="images/vghilard.jpg" title="Une photo Painter & Gimp" width="280" height="280" border="0"></td>
<td ><a href="" onclick="window.open('gunion04.html','AFP','toolbar=0,directories=0,status=0,scrollbars=0,resizable=0,copyhistory=0,menubar=0,width=925,height=668'); return(false)"><img src="images/vgzen03.jpg" title="croquer la pomme" width="280" height="280" border="0"></a></td>
</tr>
</table>
</div>
Mais la boite affiche toutes les images donc une largeur de 4x280 !

Comment faire pour avoir un ascenseur horizontal et une boite de 280 x 560 ?

 

[phelibre]

Bonjour,

Finalement mon site est pratiquement terminé en css & js
Il me reste un petit problème : pourvoir modifier l'affichage du zoom image avec lytebox
C'est àdire diminuer les marges et avoir donc une image + grande ...
Pouvez vous m'aider ?