Modifier litebox-1.0

bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   -  
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   -
Bonjour,
j'utilise ce script pour l'affichage des images
- lorsque celles-ci sont trop grandes, plus que la majorité de la taille des écrans oblige à scroller et c'est plutôt génant ...
- peut-on modifier la taille d'affichage, par exemple 600px de large maximum , sans modifier l'image qui resterait donc enregistrable en taille réelle ?
grand merci à l'avance
b g
A voir également:

2 réponses

Réponse 1 / 2
Utilisateur anonyme
 
Bonjour Bg,

<img src='nomdelimage.jpg' width='600' border='0'> suffit même si la source à une largeur supérieure.

JL
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
pas tout compris ... tu places cela où dans le script pour que cela fonctionne ???
exemple :
https://www.unesourisetmoi.info/portofolio/photoshop-et-illustrator.php
les images en ligne ont toutes étées réduites, donc pas de soucis mais si j'en place qui font 2000 px de large voire en plus d'autre à 1800 et 2500px... je fais comment pour l'affichage ???
0
Utilisateur anonyme > bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention  
 
effectivement : pas tout compris.
mais dans le code width & height sont bien codés
---------------------------------
<div class="post"><h1 class="LNE_title">Photoshop et illustrator</h1>
<p>Quelques réalisations avec Photoshop et Illustrator, deux grands incontournables du graphisme et de la création.</p>
<p><div class="LNE_gallery"><a href="./galeries/photoshop et illustrator/abstrait-rose.jpg" rel="lightbox[./galeries/photoshop et illustrator]" title="./galeries/photoshop et illustrator/abstrait-rose.jpg" >
<img src="LightNEasy/thumbsup.php?image=.././galeries/photoshop et illustrator/abstrait-rose.jpg&width=100&height=100" alt="./galeries/photoshop et illustrator/abstrait-rose.jpg" class="LNE_gallery_img" /></a>
<a href="./galeries/photoshop et illustrator/abstrait.jpg" rel="lightbox[./galeries/photoshop et illustrator]" title="./galeries/photoshop et illustrator/abstrait.jpg" >
<img src="LightNEasy/thumbsup.php?image=.././galeries/photoshop et illustrator/abstrait.jpg&width=100&height=100" alt="./galeries/photoshop et illustrator/abstrait.jpg" class="LNE_gallery_img" /></a>
<a href="./galeries/photoshop et illustrator/arlequin.jpg" rel="lightbox[./galeries/photoshop et illustrator]" title="./galeries/photoshop et illustrator/arlequin.jpg" >
<img src="LightNEasy/thumbsup.php?image=.././galeries/photoshop et illustrator/arlequin.jpg&width=100&height=100" alt="./galeries/photoshop et illustrator/arlequin.jpg" class="LNE_gallery_img" /></a>
<a href="./galeries/photoshop et illustrator/automne.jpg" rel="lightbox[./galeries/photoshop et illustrator]" title="./galeries/photoshop et illustrator/automne.jpg" >
<img src="LightNEasy/thumbsup.php?image=.././galeries/photoshop et illustrator/automne.jpg&width=100&height=100" alt="./galeries/photoshop et illustrator/automne.jpg" class="LNE_gallery_img" /></a>
<a href="./galeries/photoshop et illustrator/bleue.jpg" rel="lightbox[./galeries/photoshop et illustrator]" title="./galeries/photoshop et illustrator/bleue.jpg" >
<img src="LightNEasy/thumbsup.php?image=.././galeries/photoshop et illustrator/bleue.jpg&width=100&height=100" alt="./galeries/photoshop et illustrator/bleue.jpg" class="LNE_gallery_img" /></a>
<a href="./galeries/photoshop et illustrator/colombine.jpg" rel="lightbox[./galeries/photoshop et illustrator]" title="./galeries/photoshop et illustrator/colombine.jpg" >
<img src="LightNEasy/thumbsup.php?image=.././galeries/photoshop et illustrator/colombine.jpg&width=100&height=100" alt="./galeries/photoshop et illustrator/colombine.jpg" class="LNE_gallery_img" /></a>
<a href="./galeries/photoshop et illustrator/dame_au_chapeau.jpg" rel="lightbox[./galeries/photoshop et illustrator]" title="./galeries/photoshop et illustrator/dame_au_chapeau.jpg" >
<img src="LightNEasy/thumbsup.php?image=.././galeries/photoshop et illustrator/dame_au_chapeau.jpg&width=100&height=100" alt="./galeries/photoshop et illustrator/dame_au_chapeau.jpg" class="LNE_gallery_img" /></a>
<a href="./galeries/photoshop et illustrator/escargot.jpg" rel="lightbox[./galeries/photoshop et illustrator]" title="./galeries/photoshop et illustrator/escargot.jpg" >
<img src="LightNEasy/thumbsup.php?image=.././galeries/photoshop et illustrator/escargot.jpg&width=100&height=100" alt="./galeries/photoshop et illustrator/escargot.jpg" class="LNE_gallery_img" /></a>
<a href="./galeries/photoshop et illustrator/ete.jpg" rel="lightbox[./galeries/photoshop et illustrator]" title="./galeries/photoshop et illustrator/ete.jpg" >
<img src="LightNEasy/thumbsup.php?image=.././galeries/photoshop et illustrator/ete.jpg&width=100&height=100" alt="./galeries/photoshop et illustrator/ete.jpg" class="LNE_gallery_img" /></a>
<a href="./galeries/photoshop et illustrator/femme_jaune.jpg" rel="lightbox[./galeries/photoshop et illustrator]" title="./galeries/photoshop et illustrator/femme_jaune.jpg" >
<img src="LightNEasy/thumbsup.php?image=.././galeries/photoshop et illustrator/femme_jaune.jpg&width=100&height=100" alt="./galeries/photoshop et illustrator/femme_jaune.jpg" class="LNE_gallery_img" /></a>
<a href="./galeries/photoshop et illustrator/hiver.jpg" rel="lightbox[./galeries/photoshop et illustrator]" title="./galeries/photoshop et illustrator/hiver.jpg" >
<img src="LightNEasy/thumbsup.php?image=.././galeries/photoshop et illustrator/hiver.jpg&width=100&height=100" alt="./galeries/photoshop et illustrator/hiver.jpg" class="LNE_gallery_img" /></a>
<a href="./galeries/photoshop et illustrator/interrogation.jpg" rel="lightbox[./galeries/photoshop et illustrator]" title="./galeries/photoshop et illustrator/interrogation.jpg" >
<img src="LightNEasy/thumbsup.php?image=.././galeries/photoshop et illustrator/interrogation.jpg&width=100&height=100" alt="./galeries/photoshop et illustrator/interrogation.jpg" class="LNE_gallery_img" /></a>
<a href="./galeries/photoshop et illustrator/maternite.jpg" rel="lightbox[./galeries/photoshop et illustrator]" title="./galeries/photoshop et illustrator/maternite.jpg" >
<img src="LightNEasy/thumbsup.php?image=.././galeries/photoshop et illustrator/maternite.jpg&width=100&height=100" alt="./galeries/photoshop et illustrator/maternite.jpg" class="LNE_gallery_img" /></a>
<a href="./galeries/photoshop et illustrator/porte_bonheur.jpg" rel="lightbox[./galeries/photoshop et illustrator]" title="./galeries/photoshop et illustrator/porte_bonheur.jpg" >
<img src="LightNEasy/thumbsup.php?image=.././galeries/photoshop et illustrator/porte_bonheur.jpg&width=100&height=100" alt="./galeries/photoshop et illustrator/porte_bonheur.jpg" class="LNE_gallery_img" /></a>
<a href="./galeries/photoshop et illustrator/printemps.jpg" rel="lightbox[./galeries/photoshop et illustrator]" title="./galeries/photoshop et illustrator/printemps.jpg" >
<img src="LightNEasy/thumbsup.php?image=.././galeries/photoshop et illustrator/printemps.jpg&width=100&height=100" alt="./galeries/photoshop et illustrator/printemps.jpg" class="LNE_gallery_img" /></a>
<a href="./galeries/photoshop et illustrator/respect.jpg" rel="lightbox[./galeries/photoshop et illustrator]" title="./galeries/photoshop et illustrator/respect.jpg" >
<img src="LightNEasy/thumbsup.php?image=.././galeries/photoshop et illustrator/respect.jpg&width=100&height=100" alt="./galeries/photoshop et illustrator/respect.jpg" class="LNE_gallery_img" /></a>
<a href="./galeries/photoshop et illustrator/scala.jpg" rel="lightbox[./galeries/photoshop et illustrator]" title="./galeries/photoshop et illustrator/scala.jpg" >
<img src="LightNEasy/thumbsup.php?image=.././galeries/photoshop et illustrator/scala.jpg&width=100&height=100" alt="./galeries/photoshop et illustrator/scala.jpg" class="LNE_gallery_img" /></a>
</div>
</p></div>
</div>
---------------------------------------------------------------------------------
plus on apprend, plus on sait; plus on sait, plus on oublie; plus on oublie, moins on sait;
moins on sait, moins on oublie; moins on oublie, plus on sait; A quoi cela sert-il d'apprendre ?
0
Réponse 2 / 2
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
vite dit ... ce que tu vois ce sont les dimensions des vignettes affichées sur la page, ce qui m'intéresse moi c'est de parvenir à mettre une limite pour l'affichage de l'image lorsque l'on clique sur la vignette ... c'est là la vraie question
@+
b g
0
Utilisateur anonyme
 
là je comprends mieux ton soucis, je regarde à nouveau si je trouve une idée.

côté css il y a peut être quelque chose
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409 > Utilisateur anonyme
 
css non c'est uniquement dans le script (java ...) qu'il faut réussir à agir
@+
b g
0

Discussions similaires

Modifier annonce Leboncoin sans payer
BourrinOman83 -
Valhub14 -

12 réponses