11543 sujets

JavaScript, DOM et API Web HTML5

Bonjour,
j'aimerai savoir si il y a une solution possible pour mettre ces images et textes en DIV class ... de sorte que le référencement soit correcte.
j'attends avec impatience une réponse, j'ai regardé partout sans solution, à bientôt, Alain

le soucis les images / textes sont dans un script javascript :
...
jQuery(function($){

$.supersized({

// Functionality
slide_interval : 3000, // Length between transitions
transition : 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
transition_speed : 700, // Speed of transition

// Components
slide_links : 'blank', // Individual links for each slide (Options: false, 'num', 'name', 'blank')
slides : [ // Slideshow Images
{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-1.jpg', title : 'Image Credit: Maria Kazvan', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/kazvan-1.jpg', url : 'http://www.nonsensesociety.com/2011/04/maria-kazvan/'},
{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-2.jpg', title : 'Image Credit: Maria Kazvan', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/kazvan-2.jpg', url : 'http://www.nonsensesociety.com/2011/04/maria-kazvan/'},
{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-3.jpg', title : 'Image Credit: Maria Kazvan', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/kazvan-3.jpg', url : 'http://www.nonsensesociety.com/2011/04/maria-kazvan/'},
{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-1.jpg', title : 'Image Credit: Colin Wojno', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/wojno-1.jpg', url : 'http://www.nonsensesociety.com/2011/03/colin/'}
... ]

});
});

</script>
...
Bonjour,
voici une solution trouvée il y a quelques temps déjà Smiley cligne

html
<div id="slideshow">
<ul>
<li><img/></li>
<li><img/></li>
<li><img/></li>
</ul>
</div>

js
$(function(){
	images = [];
	$("#slideshow ul li").each(function(index){
		var img = $(this).find("img");
		var image = {
			image: img.attr("src")
		};
		images.push(image);
	});
	$.supersized({
		[...]
		slides: images
	});
});