WebSite X5Help Center

 
Philippe D.
Philippe D.
User

Créer pied de page un déroulement d'images de sponsors  fr

Auteur : Philippe D.
Visité 1753, Followers 2, Partagé 0  
Mots-clés :: déroulantes,images,page,pied

Bonjour,

Est-ce possible de créer dans le pied de page un déroulement d'images de sponsors comme sur ce site http://www.ngvi.com/contact.php avec Website X5 evoltion vers 10?

Merci

Cordialement

Philippe

Posté le
4 RéPONSES - 2 UTILE - 1 CORRECT
JiPeR 48
JiPeR 48
Moderator

Salut Philippe, c'est un script en Jquery appelé carrousel. Tu peux voir comment c'est codé en examinant le code source de la page, lignes 524 et suivantes.

Tu devrais pouvoir trouver ce genre de script en faisant une petite recherche sur le Web...Wink

@+ et bonne continuation,  J.P.

Lire plus
Posté le de JiPeR 48
Philippe D.
Philippe D.
User
Auteur

Salut JP

Toujours plus simple de demander aux autres... ;-)

J'ai cherché et trouvé un truc tout simple à insérer dans un HTML et Widgets....

<marquee align="center"height="60"scrolldelay="5"scrollamount="3"onmouseout="this.start()"onmouseover="this.stop()">

<div>

<a href="http://www...." target="_blank">

<img src="http://www...." width="120"height="60"alt="Nuance Online Store"border="0"/></a>

Suite des images avec liens....

</div>

</marquee>

Voilà:http://www.oreades.be/

Testé sur Ipad et fonctionne.... Merveilleux! Comme quoi les choses simples...

Merci JP pour ton soutiens morale ;-)

Philippe

Lire plus
Posté le de Philippe D.
Philippe D.
Philippe D.
User
Auteur

Merci J.P.

C'est vrai que la solution <marquee> est nulle.

J'ai donc creusé un peut pour le résultat suivant...

Dans paramètres généraux, avancés, avant </HEAD>

Placer le code

<!-- Start Jcarousel -->

<script type="text/javascript"src="/js/jquery.jcarousel.min.js"></script>

<scripttype="text/javascript">

jQuery(document).ready(function() {

var TOTAL_ITEMS = jQuery('#mycarousel li').length;

var randNum = Math.floor(Math.random()*(TOTAL_ITEMS+1));

jQuery('#mycarousel').jcarousel({

scroll: 1,

auto: 2,

wrap: 'circular',

start: randNum

});

});

</script>

<!-- End Jcarousel -->

Dans la page insrérer un html widget

Avec code

<ul id="mycarousel"class="jcarousel-skin-tango">

<li><a href=http://www.votrelien.com target="_blank"><img src=http://www.referencedevotreimage.com width="120"height="60"alt=" "border="0"/></a></li>

Tout les autres liens et images entre balise <li></li>

Terminer par fermer la balise </ul>

Pour que cela fonctionne, télécharger le jquery.jcarousel.min.js sur le sitehttps://communities.cisco.com/docs/DOC-25225

Dans ce cas précis, placer jquery.jcarousel.min.js dans un dossier /js sur votre root en ftp...

Voilà cela fonctionne super bien! Cela valait la peine de s'y attarder...

voir icihttp://www.oreades.be/index.html

Encore merci JP pour ton inspiration. ;-)

Philippe

Lire plus
Posté le de Philippe D.
JiPeR 48
JiPeR 48
Moderator

Avec plaisir, inspiration à défaut de pouvoir donner une solution immédiate... Il me faut aussi parfois chercher un peu Laughing. Merci de noter le sujet comme résolu à ton prochain passage (cocher la case "Correct"), ça évite d'y revenir quand on fait un balayage des nouveautés. @+ et bonne continuation, J.P.

Lire plus
Posté le de JiPeR 48