SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Guru
    Join Date
    Aug 2004
    Location
    Port Sunlight
    Posts
    815
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    jQuery Gallaria Help

    Hi,

    I am about to jump off a cliff if I can't get this damn plugin to work.

    This area isn'y my bag, but I have to get it to work as there is nobody else here who can do it.

    http://www.webtise.net/~leasowca/

    I am trying to use:

    http://galleria.aino.se/

    For some reason it's not working.

    My Javascript is this:

    Code JavaScript:
    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    <script type=text/javascript" src="js/galleria/src/galleria.js"></script>
    <script>Galleria.loadTheme('js/galleria/src/themes/classic/galleria.classic.js');
    $('#gallery').galleria();
    </script>

    my html markup is:

    Code HTML4Strict:
    <ul id="gallery">
         <li><img src="assets/images/Galleria/galleria_0.jpg" alt="" title="" /></li>
         <li><img src="assets/images/Galleria/galleria_1.jpg" alt="" title="" /></li>
         <li><img src="assets/images/Galleria/galleria_2.jpg" alt="" title="" /></li>
         <li><img src="assets/images/Galleria/galleria_3.jpg" alt="" title="" /></li>
         <li><img src="assets/images/Galleria/galleria_4.jpg" alt="" title="" /></li>
    </ul>

    I'm really at a loss as to why this isn't working.

  2. #2
    Theoretical Physics Student bronze trophy Jake Arkinstall's Avatar
    Join Date
    May 2006
    Location
    Lancaster University, UK
    Posts
    7,062
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by NickToye View Post
    My Javascript is this:

    Code JavaScript:
    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    <script type=text/javascript" src="js/galleria/src/galleria.js"></script>
    <script>Galleria.loadTheme('js/galleria/src/themes/classic/galleria.classic.js');
    $('#gallery').galleria();
    </script>

    my html markup is:

    Code HTML4Strict:
    <ul id="gallery">
         <li><img src="assets/images/Galleria/galleria_0.jpg" alt="" title="" /></li>
         <li><img src="assets/images/Galleria/galleria_1.jpg" alt="" title="" /></li>
         <li><img src="assets/images/Galleria/galleria_2.jpg" alt="" title="" /></li>
         <li><img src="assets/images/Galleria/galleria_3.jpg" alt="" title="" /></li>
         <li><img src="assets/images/Galleria/galleria_4.jpg" alt="" title="" /></li>
    </ul>
    Incorrect. The <ul id="gallery"> is being hidden inside a comment block, and there is no item in the DOM with the ID 'gallery'. Therefore the following line won't have any effect:

    Code javascript:
     $('#gallery').galleria();
    Jake Arkinstall
    "Sometimes you don't need to reinvent the wheel;
    Sometimes its enough to make that wheel more rounded"-Molona


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •