Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5

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

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.
Répondre
#2

Que donne le code source de la page générée ?
Répondre
#3

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>
Répondre
#4

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
Répondre
#5

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.
Répondre
#6

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.
Répondre
#7

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
Répondre


Atteindre :


Utilisateur(s) parcourant ce sujet : 3 visiteur(s)