Supersized JavaScript slider add description

我在超大化滑块中添加了说明。它可以工作，但是当我检查代码时，包含描述的div是空的。Supersized JavaScript slider add description

 <div id="slidedescription"></div> 
     .... 


     slides : [ // Slideshow Images 
     {image : 'img1.jpg', description : '<div"><ul><li><a href="">Text</a></li></ul></div>', title : '<h3>Text</h3>', thumb : 'img1Thumb.jpg', thumbTitle : 'Text'}, 
     {image : 'img2.jpg', description : '<div><ul><li><a href="">Text</a></li></ul></div>', title : '<h3>Text</h3>', thumb : 'img2Thumb.jpg', thumbTitle : 'Text'}, 
     {image : 'img3.jpg', description : '<div><ul><li><a href="">Text</a></li></ul></div>', title : '<h3>Text</h3>', thumb : 'img3Thumb.jpg', thumbTitle : 'Text'} 
     ] 
     }); 
     });

在supersized.shutter.min.js：

index.html中

  afterAnimation:function(){... 

      if(a(vars.slide_description).length){ 
(api.getField("description"))?a(vars.slide_description).html(api.getField("description")):a(vars.slide_description).html("") 
      } 

      a.supersized.themeVars={ ... 
      slide_description:"#slidedescription",

的问题是：我想输出是在HTML页面div元素导致现在：

  <div id="slidedescription"> </div>

是空的，我希望得到的结果是：

 <div id="slidedescription"> 
     <div ><ul><li><a href="">Text</a></li></div> 
     <div ><ul><li><a href="">Text</a></li></div> 
     <div ><ul><li><a href="">Text</a></li></div> 
     </div>

是否可以实现？我想这是，但你会帮助我吗？

此致敬礼。

来源

2012-08-07 Stoycho Trenchev

应该将下面的代码的适当部分添加到主题\ supersized.shutter：

afterAnimation : function(){ 
     if (api.options.progress_bar && !vars.is_paused) theme.progressBar(); 
     var description = api.getField("description"); 
     if (typeof description != 'undefined') { 
      $('#slidedescription').html(description); 
     } else { 
      $('#slidedescription').html(''); 
     } 
    },

请注意，您可能还需要从

文件 demo.html在编辑路径

<script type="text/javascript" src="theme/supersized.shutter.min.js"> </ script>

到

<script type="text/javascript" src="theme/supersized.shutter.js"> </ script>

此外，您应该将以上代码的一部分添加到'_init：function（）'，该描述在运行库之后被看到。

来源

2012-08-21 13:18:05 rgb

感谢您的回答。我试过这个，但它不适合我。你试过了吗？ slidedescription div在demo.html的页面源代码中仍然为空。 – 2012-08-22 06:27:30

是的，我试过了。此解决方案正常工作。如果运行* demo.html *，则需要更改幻灯片，因为第一张幻灯片的'div'为空（必须完成'_init：function（）'）。确保您正在查看呈现的代码。我推荐Firebug。另见：http：//www.xinotes.org/notes/note/605/ – rgb 2012-08-22 10:43:49

是的。查看呈现的代码时，它可以工作问题是Googlebot会如何看待它。我会看到它是一个空标签。 – 2012-08-22 16:18:17

你的意思是这样吗？看看源代码，如果有任何帮助：http://www.krijnen.com/opcafe.shtml

来源

2012-09-28 12:06:45 Leon

您必须透露与外部链接的联系。 – 2012-09-28 12:22:03

链接到外部网站并说“查看源代码”没有帮助。如果它是你的，然后把代码样本放在你的答案中。 – saml 2012-09-28 21:42:15

Supersized JavaScript slider add description

回答

相关问题