Créer pied de page un déroulement d'images de sponsors
Auteur : Philippe D.
Visité 1753,
Followers 2,
Partagé 0
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
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...
@+ et bonne continuation, J.P.
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
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
Avec plaisir, inspiration à défaut de pouvoir donner une solution immédiate... Il me faut aussi parfois chercher un peu . 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.