-
Replies
So I'm building a website using groovy grails, and I'm developing in Netbeans IDE 8.0
I attempted to use the Orbit slider in order to create a slide show, but the images are all just stacked on top of each other, and It seems to not be working at all.
This is the stuff in the head
<script src="${resource(dir: 'js/vendor',file:'modernizr.js')}"></script> <script src="${resource(dir: 'js/vendor',file:'jquery.js')}"></script> <script src="${resource(dir: 'js/vendor',file:'fastclick.js')}"></script> <script src="${resource(dir: 'js',file:'foundation.min.js')}"></script> <script> $(document).foundation(); $('#scope').foundation(); </script>
And this is the stuff in the body.
<ul data-orbit> <li> <img src="${resource(dir: 'images',file:'Dot01.png')}" alt="slide 1" /> <div class="orbit-caption"> Caption One. </div> </li> <li class="active"> <img src="${resource(dir: 'images',file:'Dot01.png')}" alt="slide 2" /> <div class="orbit-caption"> Caption Two. </div> </li> <li> <img src="${resource(dir: 'images',file:'Dot01.png')}" alt="slide 3" /> <div class="orbit-caption"> Caption Three. </div> </li> </ul>
Am I missing something important here or what?
Zebrek Zebret
over 5 years ago
https://glossicom.zendesk.com/entries/66178653--Full-Streaming-Watch-Hannibal-Season-2-Episode-13-Mizumono-Online
http://eyesonkenmore.com/forum/index.php?topic=176796.0
https://giftworks.zendesk.com/entries/67314546--S2E13-Watch-Hannibal-Season-2-Episode-13-Online-Putlocker
http://support.wattpad.com/hc/communities/public/questions/201091604-Online-Watch-Hannibal-Season-2-Episode-13-Free-Streaming
http://www.nairaland.com/1750993/online-finale-watch-hannibal-season
http://vickirichards.net/forum/index.php?topic=106343.0
http://newliberian.com/forum/index.php?topic=68705.0
http://h2o.law.harvard.edu/text_blocks/4413
http://vk.com/topic-71807032_30517471
http://hannibalmizumono.strikingly.com/
Duncan Baird
over 5 years ago
I tried including the orbit code but it didn't really help. It seems like its not executing any of the code at all.
```HTML
script src="${resource(dir: 'js/vendor',file:'jquery.js')}" script
script src="${resource(dir: 'js/foundation',file:'foundation.js')}" script
script src="${resource(dir: 'js/foundation',file:'foundation.orbit.js')}" script
script
$(document).foundation({
orbit: {
animation: 'slide',
timer_speed: 7000,
pause_on_hover: true
}
});
$('#scope').foundation();
script
Looks like you're only including foundation.min.js which doesn't include the orbit js code. If you include the orbit js code it should spring into life....
Hope this helps.