Results 1 to 4 of 4
  1. #1
    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. #2
    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. #3
    sunde887's Avatar
    sunde887 is offline Moderator
    Join Date
    Jan 2011
    Location
    Richmond, Virginia
    Posts
    3,069
    Blog Entries
    3
    Rep Power
    8

    Default Re: Galleria inside Coda

    Java is to javascript as ham is to hamster. I'd suggest you try a javascript forum.

  4. #4
    DarrylBurke's Avatar
    DarrylBurke is offline Forum Police
    Join Date
    Sep 2008
    Location
    Madgaon, Goa, India
    Posts
    11,304
    Rep Power
    20

    Default Re: Galleria inside Coda

    Removed links, locking off topic thread.

    db

    THREAD CLOSED
    If you're forever cleaning cobwebs, it's time to get rid of the spiders.

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. 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

Posting Permissions

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