Saturday, 15 August 2015

orbit - zurb foundation orbital bug? -


My image is running under the 'Support' tab section with the slider which is not displaying it properly, its Cut off half the closing and odd looking main image slider is good. But, when you observe the element, suddenly the 'support' orbital image slider looks normal. This foundation is with the framework.

Here's a link to view the bug:

and some html:

   & Lt; Div class = "orbit-caption" & gt; Caption One & lt; / Div & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; Img src = "imgs / flash12.jpg" alt = "slide 2" /> & Lt; Div class = "orbit-caption" & gt; Caption two & lt; / Div & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; Img src = "imgs / flash9.jpg" alt = "slide 3" /> & Lt; Div class = "orbit-caption" & gt; Caption three. & Lt; / Div & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; A href = "#" class = "button information round" & gt; Learn more & lt; / A & gt; & Lt; A href = "#" class = "Button Success Round" & gt; Sign up & lt; / A & gt; & Lt; / Div & gt;  

javascript:

  $ (document). Foundation ({Tab: {Callback: Function (tab) {$ (document). Foundation ('reflow');}}, Class: {pause_on_hover: false, timer_speed: 6000}});  

I think your error arises from the fact that the class slider tab content Has section in I had a similar error with a range slider in a tab section.

Try reflowing in any way from the pocket in JS file:

  $ (document). Foundation ({Tab: {Callback: Function (tab) {$ (document). Foundation ('Class', 'Refuge');}}});  

Edit: I've fixed my answer and added.


No comments:

Post a Comment