从列表而不是javascript加载图像的超大幻灯片
我试图修改超大幻灯片插件,从html源代码中的列表而不是javascript中获取图像。 这个技巧的目的是让谷歌标记这些图像 这是原始代码从列表而不是javascript加载图像的超大幻灯片,javascript,jquery,html,seo,supersized,Javascript,Jquery,Html,Seo,Supersized,我试图修改超大幻灯片插件,从html源代码中的列表而不是javascript中获取图像。 这个技巧的目的是让谷歌标记这些图像 这是原始代码 <script type="text/javascript"> jQuery(function($){ $.supersized({ slide_interval : 3000, transition
<script type="text/javascript">
jQuery(function($){
$.supersized({
slide_interval : 3000,
transition : 1,
transition_speed : 700
slide_links : 'blank'
slides : [
{image : 'image.jpg', title : 'title', thumb : 'image.jpg', url : ''},
{image : 'image.jpg', title : 'title', thumb : 'image.jpg', url : ''},
{image : 'image.jpg', title : 'title', thumb : 'image.jpg', url : ''},
{image : 'image.jpg', title : 'title', thumb : 'image.jpg', url : ''},
{image : 'image.jpg', title : 'title', thumb : 'image.jpg', url : ''},
{image : 'image.jpg', title : 'title', thumb : 'image.jpg', url : ''},
{image : 'image.jpg', title : 'title', thumb : 'image.jpg', url : ''}
]
});
});
</script>
我想使用这样的代码
<ul id="supersized">
<li><img alt="text" title="text" src="image.jpg" /></li>
<li><img alt="text" title="text" src="image.jpg" /></li>
<li><img alt="text" title="text" src="image.jpg" /></li>
<li><img alt="text" title="text" src="image.jpg" /></li>
<li><img alt="text" title="text" src="image.jpg" /></li>
<li><img alt="text" title="text" src="image.jpg" /></li>
<li><img alt="text" title="text" src="image.jpg" /></li>
</ul>
<script type="text/javascript">
jQuery(function($){
$.supersized({
<code>
</script>
有人能帮我吗 我找到了解决你问题的办法 这是 这是jQuery代码
<script type="text/javascript">
jQuery(function($){
var obj={
slide_interval : 3000,
transition : 3,
transition_speed : 700,
slide_links : 'blank',
slides : []
}
var arrImg=[]
for(i=0;i<$('#supers li').length;i++){
var srcImg=$('#supers li:eq('+i+')').find('img').attr('src')
arrImg.push(srcImg)
}
for(x=0;x<arrImg.length;x++){
obj.slides[x]={image:arrImg[x]}
}
$.supersized({
slide_interval : obj.slide_interval,
transition : obj.transition,
transition_speed : obj.transition_speed,
slide_links : obj.slide_links,
slides : obj.slides
});
});
</script>
首先,我在数组中插入图像的所有src属性
使用这个数组,我在脚本的第一个对象obj.slides数组中创建属性
然后我使用这个obj对象为超大插件设置参数。
对于这个结果,我使用了我在插件下载包中找到的脚本和css,检查fiddle页面的外部资源选项卡。
获得相同结果的最短方法可能是
在本例中,我没有创建数组,而是直接在obj中添加图像路径