|
B-Mag 2386
| |
bartok 399
| Posté : 03-03-2013 12:27
Slt!
voici un truc qui m'a été refilé par l'ami fouineur il n'y a pas longtemps
Pour la taille de zoom d'image rien de compliqué il faut aller dans le fichier styles.css et ajouter du code:
div.popup {
height: 200px;
width: 260px;
}
div.popup > img {
height: 100%;
width: 100%;
cursor: pointer;
}
div.popup > img:active {
height: auto;
width: auto;
position: relative;
border: black solid 1px;
}
ensuite dans les pages ou article tu fait appel comme ceci :
<div class="popup"><img style="margin-right: auto;&nb sp;margin-left: auto; display: block;" title="Cliquez sur l'image pour voir en grand !" src="dossi er ou se trouve l'image/nom d image.jpg" alt ="texte_alternatif" />
Pour moi, il n'y a pas de risque au niveau de la sécurité (à confirmer par un "moustachu de la sécurité"!)
je te passe en MP un endroit où regarder le résultat.
|  Profil
|
|
B-Mag 2386
| Posté : 03-03-2013 12:55
slt
Oui j'avais vu cette methode, pur Css sur un site.
En fait je cherche bel et bien un truc type lightBox pour embellir les images que l'on poste sur les articles, je sais pas trop quelle choisir.
en tout cas merci |  Profil www
|
|
Jireck 8461
| Posté : 03-03-2013 17:27
je ne suis pas pour la methode pur css ci-dessous....
pour du pur css, il y a celle du download.php.
Sinon il faut choisir un solution la mieux implémenter et la mieux implémentable.
Il faut donc etudier quand marche la lightbox (quel page) puis voir avec pages.php l'implementation, puis voir si le code généré est bon ...
voila ... |  Profil
|
|
B-Mag 2386
| Posté : 03-03-2013 18:06
slt
sur le site en question, portail syndical de mon entreprise, quelques articles sont agrémenté d'une ou plusieurs images.
Ne mettre que des vignettes rend l'article peut attractif, c'est pour cela que je pensais au principe de ligthbox qui permet soit d'agrandir une image, tout en restant sur l'article en question, soit de proposer un slide avec plusieus images.
Visiblement j'ai déja du mal à faire fonctionner le script |  Profil www
|
|