javascript - Jquery Cycle Plugin with Thumbnail Paging -


I am trying to get the jQuery cycle plugin in a CMS (hence messy markup) and everything else Working paging thumbnails due to CMS, I have to put the thumbnail URL in my respective image category. Then I am trying to pull those URLs and I am using them for images of paging buttons. The paging wrapper is being created, but each paging button is empty

My JavaScript is here: 

  (function ($) ($) ($ 'gallery' ('
  
 And here's my HTML:  
  & lt; Div class = "row" & gt; & Lt; Article class = "GalleryArticle" & gt; & Lt; Div class = "galleryWrap" & gt; & Lt; Div class = "gallery" & gt; & Lt; Img src = "image1.jpg" square = "image1Thumb.jpg" alt = "image1" /> & Lt; Img src = "image2.jpg" square = "image2Thumb.jpg" alt = "image1" /> & Lt; Img src = "image3.jpg" square = "image3Thumb.jpg" alt = "image1" /> & Lt; Img src = "image4.jpg" square = "image4Thumb.jpg" alt = "image1" /> & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Header & gt; & Lt; H1 class = "articleTitle" & gt; Title & lt; / H1> & Lt; H2 class = "eventDate" & gt; Date & lt; / H2 & gt; & Lt; / Header & gt; & Lt; Div class = "articleContent" & gt; Article content & lt; / Div & gt; & Lt; / Article & gt;   
  
 Thanks for the help.   
 
 
 The class given to you  img  tag is invalid  
 Class name should start with someone. And after a name, but you name it  
  image1Thumb.jpg its invalid   
 just use this type  
 your In stale  
  .image1Thump {its style goes here}   
 In your html  
  & lt; Img src = "image1 .jpg" class = "image1 thumb" alt = "image1" />   
 Then it should work.

Comments

Post a Comment