By continuing your navigation on this site, you accept the use of cookies to offer you contents and adapted services. Legal Notice.
 
 
 

GuppY, the benchmark database free CMS

 

telecharger01.png

 
 
You are here :   Welcome » Forum » Guppy 5 » Zoom sur miniatures
 
    Print this page...
    Print this section...
 

Warning: GuppY 5.03.00

GuppY release 5.03.00 :
 

The zips of the pack, the cumulative patch and the non-cumulative patch are available for download.

The CKEditor v4121 patch for GuppY 502xx (06.07.2019) is available for download in the Download section and then GuppY 5. Thanks to Saxbar for this update.

The update of the spam blocking lists (24.09.2019) for Apache 2.3 and Apache 2.4 is available for download in the Download section and then GuppY 5.

Forum - Guppy 5 - Zoom sur miniatures


closed by Papinou   01/07/2019 @ 14:31  Topic # 130483

16/05/2019 @ 15:46
by luchadeo

luchadeo

236 messages

Bonjour, je présume qu'appliquer un zoom au passage de la souris sur des images miniatures est possible avec GuppY mais j'ignore comment procéder : pourriez-vous m'aider ? Cordialement

Cordialement

topic closed Top  
Answer n° 1
--------
17/05/2019 @ 06:09
by JeanDenis

JeanDenis

1364 messages

Bonjour,

Parmi sans doute d'autres solutions, avec lytebox, en voilà une toute simple : tu insères ce type de code (il faut deux images : une miniature et une image de taille plus importante) :

<p><a class="Lytebox" href="photo/gal_999/mon_image.jpg"><img alt="mon_image" src="photo/gal_999/vgnt/mon_image.jpg" style="border-width: 0px; border-style: solid; width: 236px; height: 150px; margin: 10px; float: right;" title="mon_image" /></a></p>

EDIT... plus tard... : Effet que l'on peut obtenir directement en admin lorsqu'on insère une image, et qu'il suffit de cocher la case Zoom de l'image avec lytebox... (esprit d'escalier... rolleyes)

Et, plus efficace, (puisqu'on peut zoomer avec la molette de la souris et avec les doigts sur une tablette) avec l'utilisation d'un code généré avec d'Unite Gallery (revois utilement les tutoriels existants)

Cela peut donner un code de ce type avec le thème tiles (j'ai mis l'identifiant #art_308 pour le numéro de l'article qui le contient, par exemple) :  

<script src="inc/unitegallery/themes/tiles/ug-theme-tiles.js" type="text/javascript"></script><script type="text/javascript">
  jQuery(document).ready(function(){
    jQuery("#art_308").unitegallery({
      gallery_theme: "tiles",
      gallery_width: "90%",      
      gallery_min_width: 250,
      tiles_col_width: 600,      
      tiles_space_between_cols: 0,
      tiles_space_between_cols_mobile: 0,
      tiles_min_columns: 1,
      tile_overlay_opacity: 0.15,
      tile_overlay_color: "#CF6D17",
      tile_enable_textpanel: true,
      tile_textpanel_background_opacity: 0.3,
      tile_textpanel_background_color: "#000000",
      lightbox_type: "compact",
      lightbox_slider_image_border_width: 5,
      lightbox_slider_image_border_color: "#CF6D17",
      lightbox_slider_image_border_radius: 6
      });
    });
</script>

<div style="text-align:center;">
<div id="art_308" style="display:none;margin:auto;padding:6px 0;"><a href="#z2"><img alt="mon_image" data-description="mon_image" data-image="photo/gal_999/mon_image.jpg" src="photo/gal_999/mon_image.jpg" style="display:none;" /> </a></div>
</div>

d'autres solutions dans doute... à toi de jouer ! wink

NB : Par ailleurs, et sans rapport avec ce fil, j'ai remarqué que les archives du forum de ce site n'affichent que des lignes vides si on souhaite lire un sujet... et il semble que la recherche ne s'effectue pas dans ces archives. eek

Cordialement à tous,

Jean-Denis


www.71site.fr


Rectifié par JeanDenis le 17/05/2019 @ 08:10

Web site JeanDenis
closed by Papinou   01/07/2019 @ 14:31 Top  
Answer n° 2
--------
22/05/2019 @ 08:01
by luchadeo

luchadeo

237 messages

Bonjour Jean-Denis,

merci pour cette réponse, fort détaillée.

Je n'ai réussi à trouver ni le plugin Unite-Gallery, ni ses tutoriels...

Cordialement

Cordialement

closed by Papinou   01/07/2019 @ 14:31 Top  
Answer n° 3
--------
22/05/2019 @ 08:08
by JeanDenis

JeanDenis

1368 messages

Bonjour,

Unite Gallery n'est pas à proprement parler un plugin, il est déjà inclus dans GuppY depuis la version 5.02.02...

Tu trouveras tous les tutoriels réalisés par Papinou, à partir d'ici :

https://ghc.freeguppy.org/articles.php?lng=fr&pg=646&mnuid=463&tconfig=0#z2

Cordialement,

Jean-Denis


www.71site.fr

Web site JeanDenis
closed by Papinou   01/07/2019 @ 14:31 Top  
Answer n° 4
--------
22/05/2019 @ 10:22
by luchadeo

luchadeo

238 messages

Re,

merci pour ces informations complémentaires : je vais essayer d'en faire bon usage.

Cordialement

Cordialement

closed by Papinou   01/07/2019 @ 14:31 Top  
Answer n° 5
--------
22/05/2019 @ 11:15
by JeandePeyrat

JeandePeyrat

Administrator
3062 messages

Bonjour Bernard,

En plus des infos ci-dessus il est possible de zoomer une page ou une image d'un diaporama à l'arrêt (en mettant le pointeur de la souris sur celle-ci) avec les commandes :

  • Control+ pour agrandir
  • Control- pour rétrécir

Ou Control et la mollette

Cordialement,

closed by Papinou   01/07/2019 @ 14:31 Top  
Answer n° 6
--------
22/05/2019 @ 19:32
by luchadeo

luchadeo

239 messages

Salut Jean,

je connaissais CTRL + et - mais pas CTRL molette : quel béotien suis-je !

Pfff Même pas de smiley avec un bonnet d'âne pour illustrer ma réponse...

Cordialement

closed by Papinou   01/07/2019 @ 14:31 Top  
active topic active   closed topic closed   Important! Important!   New New message
Correct Correct message   Close Close topic   Make sticky Make sticky