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

回答

相關問題