Module GALLERY + Coin-Slider : texte dans un Span Cliquable ?

Module GALLERY + Coin-Slider : texte dans un Span Cliquable ? - Version imprimable

+- Forum CMS Made Simple FR (https://forum.cmsmadesimple.fr)
+-- Forum : Général (https://forum.cmsmadesimple.fr/forum-3.html)
+--- Forum : Modules, Tags (https://forum.cmsmadesimple.fr/forum-14.html)
+--- Sujet : Module GALLERY + Coin-Slider : texte dans un Span Cliquable ? (/thread-2483.html)

Module GALLERY + Coin-Slider : texte dans un Span Cliquable ? - undercreuse - 30/12/2012

Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: 1.11.4
#~ Url du site :
#~ Hébergeur / Soft :
#~ Informations Système :
#~ Cms Version: 1.11.3 Darwin_8494Fr
#~ Installed Modules:
#~ CMSMailer: 5.2.1
#~ CMSPrinting: 1.0.3
#~ FileManager: 1.4.2
#~ MenuManager: 1.8.4
#~ MicroTiny: 1.2.4
#~ ModuleManager: 1.5.5
#~ News: 2.12.10
#~ Search: 1.7.7
#~ ThemeManager: 1.1.7
#~ FormBuilder: 0.7.3
#~ Gallery: 1.6
#~ TinyMCE: 2.9.11
#~ GAMadeSimple: 1.1
#~ GoogleMaps: 0.2.1
#~ CGExtensions: 1.31.2
#~ MleCMS: 1.11.3
#~ Config Information:
#~ php_memory_limit:
#~ process_whole_template:
#~ output_compression:
#~ max_upload_size: 32000000
#~ url_rewriting: none
#~ page_extension:
#~ query_var: page
#~ image_manipulation_prog: GD
#~ auto_alias_content: true
#~ locale:
#~ default_encoding: utf-8
#~ admin_encoding: utf-8
#~ set_names: true
#~ Php Information:
#~ phpversion: 5.2.13
#~ md5_function: On (Vrai)
#~ gd_version: 2
#~ tempnam_function: On (Vrai)
#~ magic_quotes_runtime: Off (Faux)
#~ E_STRICT: 0
#~ memory_limit: 32M
#~ max_execution_time: 30
#~ output_buffering: On
#~ safe_mode: Off (Faux)
#~ file_uploads: On (Vrai)
#~ post_max_size: 32M
#~ upload_max_filesize: 32M
#~ session_save_path: /Applications/MAMP/tmp/php (0775)
#~ session_use_cookies: On (Vrai)
#~ xml_function: On (Vrai)
#~ xmlreader_class: On (Vrai)
#~ Server Information:
#~ Server Api: apache2handler
#~ Server Db Type: MySQL (mysql)
#~ Server Db Version: 5.1.44
#~ Server Db Grants: Trouvé un privilège "GRANT ALL" qui semble être adapté
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~

Bonjour à tous et à toutes.
je me permets de revenir vers vous après avoir pas mal gratté sur le module gallery et plus précisément un coin-slider connecté à ce module et ce grace à notre seigneurie Jean le Chauve qui avait publié un post sur ce plugin (topic id=3229) pour ceux que cela intéresse.

Fonctionnement pas de problème.

j'ai ensuite créé un champs "url" dans lequel je souhaite saisir une url cliquable pour orienter les utilisateurs vers une page du site.

j'utilise la description de l'image pour qu'elle s'affiche dans un liseret blanc transparent par dessus l'image.

SAUF que cette zone texte n'est pas cliquable. Comme le texte est en général une invitation à cliquer, si l'utilisateur ne peut pas cliquer sur le texte ce n'est peut-être pas génial.

Pourtant dans le code ci-dessous, le span qui gére le texte se trouve inclus dans mon a href ?

Code :
[== Indéfini ==]

<div id='slider'>

           {foreach from=$images item=image}

                     <a href="{$image->fields.url.value}">

                                <img src="{$image->file|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" />

                                <span>

                    <b>{$image->titlename}</b><br />

                    {$image->comment}

                </span>

                      </a>

           {/foreach}

</div>

Quelqu'un aurait-il une idée ? Est-ce possible déja ?

Avec tous mes remerciements.

Module GALLERY + Coin-Slider : texte dans un Span Cliquable ? - Jean le Chauve - 30/12/2012

Que donne le code source de la page générée ?

Module GALLERY + Coin-Slider : texte dans un Span Cliquable ? - undercreuse - 30/12/2012

Merci Jean Le Chauve pour votre réactivité

Le code source généré donne :

Code :
[== XHTML ==]

<div id='coin-slider'>

    <a href=""><img src="uploads/images/Gallery/header/Slide3.jpg" alt="Slide3.jpg" />

<span >

                    <b >Slide3.jpg</b><br />

                    <p>Descritpion de l'image avec plus de .......</p>

<p>[EN SAVOIR +]</p>

                </span>

</a>

</div>

Par contre quand je regarde avec un inspecteur d'élément ,
j'ai toutes les images :

<a href="lien eventuel><img src =... /> </a>
<a href="lien eventuel><img src =... /> </a>
<a href="lien eventuel><img src =... /> </a>
<a href="lien eventuel><img src =... /> </a> et dessous

Code :
[== XHTML ==]

<div class="cs-title" id="cs-title-coin-slider" style="position: absolute; bottom: 0px; left: 0px; z-index: 1000; opacity: 0.7;">

    <b>Mon titre</b><br>

    <p>Ma desription </p>

</div>

Module GALLERY + Coin-Slider : texte dans un Span Cliquable ? - Jean le Chauve - 30/12/2012

Citation :<a href="">

On dirait que la valeur de {$image->fields.url.value} n'est pas affichée. Regarde ce qu'elle contient en écrivant <pre>{$image->fields.url.value}</pre> juste après ton foreach.
Si tu ne vois rien apparaître dans le <pre>, ajoute également {$image->fields|var_dump}.
Un petit lien vers ton site ne serait pas de trop dans le cas où ce serait un problème de z-index (css) Wink

Module GALLERY + Coin-Slider : texte dans un Span Cliquable ? - undercreuse - 30/12/2012

Meri Mr Jean pour ces pistes.
En fait j'ai récupéré le lien de l'image en suivant un autre de tes posts:
<a href="{$image->fields.url.value}">
Mais le lien ne se fait que sur l'image et pas sur le span qui disparait au profit d'un div.
J'ai trouvé une finte de "bourrin" en javascript.
j'ai essayé de modifier le z-index mais ça ne change rien.

Code :
[== Indéfini ==]

   <div id='coin-slider'>

{foreach from=$images item=image}

           <a href="{$image->fields.url.value}">

                 <img src="{$image->file|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" />

                 <span >

        <b >{$image->titlename}</b><br />

        <p onclick="window.open('{$image->fields.url.value}', '_self');">{$image->comment}</p>

            </span>

           </a>

{/foreach}

</div>

A quoi sert {$image->fields|var_dump} ?

pour le lien vers le site cela aurait été avec plaisir mais il est en local.

Module GALLERY + Coin-Slider : texte dans un Span Cliquable ? - Jean le Chauve - 30/12/2012

http://php.net/manual/fr/function.var-dump.php

Citation :A quoi sert {$image->fields|var_dump} ?

Le pipe (|) sert à indiquer à smarty qu'on va appliquer un modificateur sur une variable : http://www.smarty.net/docsv2/fr/language.modifiers.tpl
http://php.net/manual/fr/function.var-dump.php

De toutes façons, il semble que ce soit plutôt un problème de css, ton span est sous un bloc et cela t'empêche de pouvoir cliquer dessus.

Module GALLERY + Coin-Slider : texte dans un Span Cliquable ? - undercreuse - 30/12/2012

merci pour la docs. Je vais regarder cela de plus près.
Je vais quand même essayé de comprendre cette histoire de span et de résoudre ce problème.

Encore une fois merci pour ta participation à la résolution de mon problème. Smile