Results 1 to 4 of 4
  1. 04-26-2012, 03:16 AM #1
    inspydout
    inspydout is offline Member
    Join Date
    Apr 2012
    Posts
    2
    Rep Power
    0

    Default Galleria inside Coda

    Hi, i'm trying to make Coda to display different instances of Galleria, to make different albums appear in every panel.

    Galleria
    [url=http://a[/url]

    Coda
    Coda-Slider 2.0 - Niall Doherty's dot biz

    As you can see, when galleria is displayed on the first panel, it displays correctly. But it doesn't when I try to display it on the second panel:

    http://38543958/CSS...ssic-demo.html

    Here is my code:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>Galleria Classic Theme</title>
    <style>

    /* Demo styles */
    html,body{background:#222;margin:0;}
    body{border-top:4px solid #000;}
    .content{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;width:620px;margin:20px auto;}
    h1{font-size:12px;font-weight:normal;color:#ddd;margin:0;}
    p{margin:0 0 20px}
    a {color:#22BCB9;text-decoration:none;}
    .cred{margin-top:20px;font-size:11px;}

    /* This rule is read by Galleria to define the gallery height: */
    #galleria{height:450px}

    </style>

    <link rel="stylesheet" href="../../../stylesheets/coda-slider-2.0.css" type="text/css" media="screen" />


    <!-- load jQuery -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>

    <script type="text/javascript" src="../../../javascripts/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="../../../javascripts/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="../../../javascripts/jquery.coda-slider-2.0.js"></script>
    <script type="text/javascript">
    $().ready(function() {
    $('#coda-slider-1').codaSlider();
    });

    $(document).ready(function() {
    //Thumbnailer.config.shaderOpacity = 1;
    var tn1 = $('.mygallery').tn3({
    skinDir:"skins",
    imageClick:"fullscreen",
    image:{
    maxZoom:1.5,
    crop:true,
    clickEvent:"dblclick",
    transitions:[{
    type:"blinds"
    },{
    type:"grid"
    },{
    type:"grid",
    duration:460,
    easing:"easeInQuad",
    gridX:1,
    gridY:8,
    // flat, diagonal, circle, random
    sort:"random",
    sortReverse:false,
    diagonalStart:"bl",
    // fade, scale
    method:"scale",
    partDuration:360,
    partEasing:"easeOutSine",
    partDirection:"left"
    }]
    }
    });
    });



    </script>



    <!-- load Galleria -->
    <script src="../../galleria-1.2.7.min.js"></script>

    </head>
    <body>
    <div class="content">

    </div>

    <p class="cred">Made by <a href="http://galleria.aino.se">Galleria</a>.</p>
    </div>
    <div class="coda-slider-wrapper">
    <div class="coda-slider preload" id="coda-slider-1">
    <div class="panel">
    <div class="panel-wrapper">
    <h2 class="title" style>1</h2>
    <div id="galleria">
    <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Locomotives-Roundhouse2.jpg/800px-Locomotives-Roundhouse2.jpg">
    <img data-title="Locomotives Roundhouse"
    data-description="Steam locomotives of the Chicago &amp; North Western Railway."
    src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Locomotives-Roundhouse2.jpg/100px-Locomotives-Roundhouse2.jpg">
    </a>
    <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/3/36/Icebergs_in_the_High_Arctic_-_20050907.jpg/1000px-Icebergs_in_the_High_Arctic_-_20050907.jpg">
    <img data-title="Icebergs in the High Arctic"
    data-description="”The debris loading isn't particularly extensive, but the color is usual.”"
    src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/36/Icebergs_in_the_High_Arctic_-_20050907.jpg/100px-Icebergs_in_the_High_Arctic_-_20050907.jpg">
    </a>
    <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/f/fe/Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg/1000px-Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg">
    <img data-title="Arańa"
    data-description="Xysticus cristatus, A Estrada, Galicia, Spain"
    src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/fe/Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg/100px-Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg">
    </a>
    <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg/1000px-9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg">
    <img data-title="Museo storia naturale"
    src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg/100px-9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg">
    </a>
    <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.j pg/1000px-Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.j pg">
    <img data-title="Grjótagjá caves in summer 2009"
    src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.j pg/100px-Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.j pg">
    </a>
    <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/9/90/20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg/1000px-20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg ">
    <img data-title="Thermes"
    data-description="Xanthi hot-spa springs, Xanthi Prefecture, Greece"
    src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/90/20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg/100px-20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg ">
    </a>
    <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/5/58/Polish_Army_Ko%C5%82obrzeg_077.JPG/1024px-Polish_Army_Ko%C5%82obrzeg_077.JPG">
    <img data-title="Polish Army Kołobrzeg"
    data-description="A display of the Polish Army. Both the soldier, and the vehicle belong to the 7th Pomeranian Coastal Defence Brigade, a part of the Szczecin-based 12th Mechanized Division ”Bolesław Krzywousty”"
    src="http://upload.wikimedia.org/wikipedia/commons/thumb/5/58/Polish_Army_Ko%C5%82obrzeg_077.JPG/100px-Polish_Army_Ko%C5%82obrzeg_077.JPG">
    </a>
    <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/20100213_Zlatograd_Bulgaria_3.jpg/1024px-20100213_Zlatograd_Bulgaria_3.jpg">
    <img data-title="Zlatograd Bulgaria"
    src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/20100213_Zlatograd_Bulgaria_3.jpg/100px-20100213_Zlatograd_Bulgaria_3.jpg">
    </a>
    <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg/1024px-FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg">
    <img data-title="09-28-2001 in New York City"
    data-description="New York, NY, September 28, 2001 -- Debris on surrounding roofs at the site of the World Trade Center. Photo by Andrea Booher/ FEMA News Photo"
    src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg/100px-FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg">
    </a>
    <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Antennae%2C_Hubble_images.jpg/1024px-Antennae%2C_Hubble_images.jpg">
    <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Antennae%2C_Hubble_images.jpg/100px-Antennae%2C_Hubble_images.jpg">
    </a>
    </div>

    <script>

    // Load the classic theme
    Galleria.loadTheme('galleria.classic.min.js');

    // Initialize Galleria
    Galleria.run('#galleria');

    </script>
    </div>
    Last edited by DarrylBurke; 04-26-2012 at 06:49 AM. Reason: Removed links
  2. 04-26-2012, 03:16 AM #2
    inspydout
    inspydout is offline Member
    Join Date
    Apr 2012
    Posts
    2
    Rep Power
    0

    Default Re: Galleria inside Coda

    <div class="panel">
    <div class="panel-wrapper">
    <h2 class="title">2</h2>
    <p><img src="images/2.jpg"/></p>
    <div id="galleria">
    <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Locomotives-Roundhouse2.jpg/800px-Locomotives-Roundhouse2.jpg">
    <img data-title="Locomotives Roundhouse"
    data-description="Steam locomotives of the Chicago &amp; North Western Railway."
    src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Locomotives-Roundhouse2.jpg/100px-Locomotives-Roundhouse2.jpg">
    </a>
    <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/3/36/Icebergs_in_the_High_Arctic_-_20050907.jpg/1000px-Icebergs_in_the_High_Arctic_-_20050907.jpg">
    <img data-title="Icebergs in the High Arctic"
    data-description="”The debris loading isn't particularly extensive, but the color is usual.”"
    src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/36/Icebergs_in_the_High_Arctic_-_20050907.jpg/100px-Icebergs_in_the_High_Arctic_-_20050907.jpg">
    </a>
    <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/f/fe/Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg/1000px-Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg">
    <img data-title="Arańa"
    data-description="Xysticus cristatus, A Estrada, Galicia, Spain"
    src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/fe/Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg/100px-Ara%C3%B1a._A_Estrada%2C_Galiza._02.jpg">
    </a>
    <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg/1000px-9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg">
    <img data-title="Museo storia naturale"
    src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg/100px-9104_-_Milano_-_Museo_storia_naturale_-_Fluorite_-_Foto_Giovanni_Dall%27Orto_22-Apr-2007.jpg">
    </a>
    <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.j pg/1000px-Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.j pg">
    <img data-title="Grjótagjá caves in summer 2009"
    src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.j pg/100px-Grj%C3%B3tagj%C3%A1_caves_in_summer_2009_%282%29.j pg">
    </a>
    <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/9/90/20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg/1000px-20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg ">
    <img data-title="Thermes"
    data-description="Xanthi hot-spa springs, Xanthi Prefecture, Greece"
    src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/90/20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg/100px-20091128_Loutra_Thermes_Xanthi_Thrace_Greece_2.jpg ">
    </a>
    <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/5/58/Polish_Army_Ko%C5%82obrzeg_077.JPG/1024px-Polish_Army_Ko%C5%82obrzeg_077.JPG">
    <img data-title="Polish Army Kołobrzeg"
    data-description="A display of the Polish Army. Both the soldier, and the vehicle belong to the 7th Pomeranian Coastal Defence Brigade, a part of the Szczecin-based 12th Mechanized Division ”Bolesław Krzywousty”"
    src="http://upload.wikimedia.org/wikipedia/commons/thumb/5/58/Polish_Army_Ko%C5%82obrzeg_077.JPG/100px-Polish_Army_Ko%C5%82obrzeg_077.JPG">
    </a>
    <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/20100213_Zlatograd_Bulgaria_3.jpg/1024px-20100213_Zlatograd_Bulgaria_3.jpg">
    <img data-title="Zlatograd Bulgaria"
    src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/20100213_Zlatograd_Bulgaria_3.jpg/100px-20100213_Zlatograd_Bulgaria_3.jpg">
    </a>
    <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg/1024px-FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg">
    <img data-title="09-28-2001 in New York City"
    data-description="New York, NY, September 28, 2001 -- Debris on surrounding roofs at the site of the World Trade Center. Photo by Andrea Booher/ FEMA News Photo"
    src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg/100px-FEMA_-_5399_-_Photograph_by_Andrea_Booher_taken_on_09-28-2001_in_New_York.jpg">
    </a>
    <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Antennae%2C_Hubble_images.jpg/1024px-Antennae%2C_Hubble_images.jpg">
    <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Antennae%2C_Hubble_images.jpg/100px-Antennae%2C_Hubble_images.jpg">
    </a>
    </div>
    <script>

    // Load the classic theme
    Galleria.loadTheme('galleria.classic.min.js');

    // Initialize Galleria
    Galleria.run('#galleria');

    </script>
    </div>
    </div>
    <div class="panel">
    <div class="panel-wrapper">
    <h2 class="title">3</h2>
    <p><img src="images/3.jpg"/></p>
    </div>
    </div>
    <div class="panel">
    <div class="panel-wrapper">
    <h2 class="title">4</h2>
    <p><img src="images/4.jpg"/></p>
    </div>
    </div>
    </div><!-- .coda-slider -->
    </div><!-- .coda-slider-wrapper -->

    </body>
    </html>
  3. 04-26-2012, 05:08 AM #3
    sunde887's Avatar
    sunde887
    sunde887 is offline Moderator
    Join Date
    Jan 2011
    Location
    Richmond, Virginia
    Posts
    3,069
    Blog Entries
    3
    Rep Power
    7

    Default Re: Galleria inside Coda

    Java is to javascript as ham is to hamster. I'd suggest you try a javascript forum.
    Fun: Trolling is a art | NYANYANYANYANYAN
    Helpful: Book Recommendations | Recursion
  4. 04-26-2012, 06:50 AM #4
    DarrylBurke's Avatar
    DarrylBurke
    DarrylBurke is offline Moderator
    Join Date
    Sep 2008
    Location
    Madgaon, Goa, India
    Posts
    9,929
    Rep Power
    16

    Default Re: Galleria inside Coda

    Removed links, locking off topic thread.

    db

    THREAD CLOSED
    Why do they call it rush hour when nothing moves? - Robin Williams
« Problem with Binary Search Tree | Need help answering a few simple questions!! »

Similar Threads

  1. jar inside jar
    By diamonddragon in forum Java Applets
    Replies: 7
    Last Post: 02-08-2012, 02:12 AM
  2. TCP sockets inside NAT/FW
    By SasukeJ in forum Networking
    Replies: 0
    Last Post: 12-19-2011, 12:37 PM
  3. Getting text from inside a jeditorpane inside a jtabbedpane
    By captain alge in forum New To Java
    Replies: 9
    Last Post: 04-12-2011, 07:26 PM
  4. if else inside while loop??
    By jonytek in forum New To Java
    Replies: 3
    Last Post: 02-17-2011, 09:28 AM
  5. include-prelude/include-coda
    By devin in forum Java Servlet
    Replies: 0
    Last Post: 02-11-2009, 07:33 PM

Tags for this Thread

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
  •  

Forum Rules