comme une liste d'images en fond d'écran (background CSS), mais sans succès.
C'est pour afficher des boutons de partage sous les contenus des pages du site :
Je récupère les éléments de la page :
- Code: Tout sélectionner
<script type="text/javascript">
jQuery(function($){;
var pm = '<?php the_permalink(); ?>';
var ti = '<?php the_title(); ?>';
- Code: Tout sélectionner
var google = { cls: 'google', str: 'Google Plus', lnk: 'https://plus.google.com/share?url='+pm };
var facebook = { cls: 'facebook', str: 'Facebook', lnk: 'http://www.facebook.com/sharer.php?u='+pm+'&t='+ti };
var ay = [email, digg_france, viadeo, scoopit, yahoo, pi_myspace, linkedin, delicious, netvibes, spotrank, pi_live, technorati, twitter, google, facebook];
- Code: Tout sélectionner
$('#agregs').hide();
$('#agregs').html('Partagez sur : ');
$.each(ay, function(id, val){
$('#agregs').append('<li class="'+val.cls+'" title="Partager sur '+val.str+'"></li>');
});
$('#agregs').fadeIn();
- Code: Tout sélectionner
console.log($('#agregs > li').get());
$('#agregs > li').bind('click', function(){
$.each(ay, function(id, val){
alert('Handler for '+val.cls+' .click() called.');
return false;
});
// $(location).attr('href', val.lnk);
// alert('Handler for '+ay[2].cls+' .click() called.');
});
});
</script>