It is currently Fri Dec 19, 2014 12:51 pm Advanced search

Two Galleries on one Site does not work

Technical support, bug reports, feature requests and more.

Two Galleries on one Site does not work

Postby etuli » Thu Feb 09, 2012 8:37 am

Hi

I am trying to get two Galleries on one Site. I read this article in FAQ:

viewtopic.php?f=4&t=4682

I have orientated by this article and wrote the following code ,which does not work. the first gallery is visible.the second not.doe sanyone see what is wrong ?

Code: Select all

<html>
    <head>
        <title>PIXERIA | tim brakemeier &middot; fotograf</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <link rel="stylesheet" href="pixeria.css" type="text/css">

        <link rel="stylesheet" type="text/css" href="highslide/highslide.css" />
        <!--[if lt IE 7]>
        <link rel="stylesheet" type="text/css" href="highslide/highslide-ie6.css" />
        <![endif]-->
        <script type="text/javascript" src="highslide/highslide-with-gallery.js"></script>
        <script type="text/javascript" src="highslide/highslide.config.js" charset="utf-8"></script>
        <script type="text/javascript">
            hs.marginTop = -75;

        </script>
        <script type="text/javascript">
            hs.outlineType = '';

        </script>
        <script type= "text/javascript">
            var galleryOptions = {
                slideshowGroup : 'gallery'
               
            }
           
            // Add the controlbar
            /*if (hs.addSlideshow) hs.addSlideshow({
                slideshowGroup: [group1, group2],
                interval: 5000,
                repeat: false,
                useControls: true,
                fixedControls: 'fit',
                overlayOptions: {
                    opacity: .75,
                    position: 'bottom center',
                    hideOnMouseOut: true
                }
            });*/

           
        </script>
    </head>
    <body>
        <div id="container">
            <div id="pixeria">
                pixeria
            </div>
            <div id="tim">
                tim brakemeier &middot; fotograf
            </div>
            <div id="navi">
                <div id="beauty">
                    beauty
                    <br>
                    <a id="thumb1" href="highslide/images/beauty/_TIM2173_800px.jpg" class="highslide" title="Bildunterschrift1" onclick="return hs.expand(this,config1)"> <img src="highslide/images/beauty.jpg" alt=""> </a>
                </div>
                <div id="architecture">
                    architektur
                    <br>
                    <a id="thumb2" href="highslide/images/architektur/architektur_gross.jpg" class="highslide" title="Bildunterschrift1" onclick="return hs.expand(this,config2)"> <img src="highslide/images/architektur.jpg" alt=""> </a>
                </div>
                <div id="reise">
                    reise
                    <br>
                    <a id="thumb3" href="highslide/images/bilder_reise/reise.jpg" class="highslide" title="Bildunterschrift1" onclick="return hs.expand(this, config3)"> <img src="images/reise.jpg" alt=""> </a>
                </div>
                <div id="news">
                    news
                    <br>
                    <a id="thumb4" href="highslide/images/bilder_news/news.jpg" class="highslide" title="Bildunterschrift1" onclick="return hs.expand(this, config4)"> <img src="images/news.jpg" alt=""> </a>
                </div>
                <div id="contact">
                    kontakt
                </div>
                <div id="about">
                    ueber mich
                </div>
                <div id="impressum">
                    impressum
                </div>
                <div id="language">
                    de / en
                </div>
            
                <div class="hidden-container">
                   
                    <a href="highslide/images/beauty/_TIM0608_800px.jpg" class="highslide"
                       title="Bildunterschrift2"
                       onclick="return hs.expand(this,config1)"> <img src="highslide/images/beauty/_TIM0608_800px.jpg" alt=""/>
                    </a>
                    <a href="highslide/images/beauty/_TIM2173_800px.jpg" class="highslide"
                       title="Bildunterschrift2"
                       onclick="return hs.expand(this,config1)"> <img src="highslide/images/beauty/_TIM2173_800px.jpg" alt=""/>
                    </a>
                    <a href="highslide/images/beauty/_TIM3047_800px.jpg" class="highslide"
                       title="Bildunterschrift2"
                       onclick="return hs.expand(this,config1)"> <img src="highslide/images/beauty/_TIM3047_800px.jpg" alt=""/>
                    </a>
                    <a href="highslide/images/beauty/_TIM7997_600px.jpg" class="highslide"
                       title="Bildunterschrift2"
                       onclick="return hs.expand(this,config1)"> <img src="highslide/images/beauty/_TIM7997_600px.jpg" alt=""/>
                    </a>
                    <a href="highslide/images/beauty/_TIM8905_600px.jpg" class="highslide"
                       title="Bildunterschrift2"
                       onclick="return hs.expand(this,config1)"> <img src="highslide/images/beauty/_TIM8905_600px.jpg" alt=""/>
                    </a>
                    <a href="highslide/images/beauty/_TIM0608_800px.jpg" class="highslide"
                       title="Bildunterschrift2"
                       onclick="return hs.expand(this,config1)"> <img src="highslide/images/beauty/_TIM0608_800px.jpg" alt=""/>
                    </a>

                    <a href="highslide/images/architektur/200511_washington_800px.jpg" class="highslide"
                       title="Bildunterschrift2"
                       onclick="return hs.expand(this,config2)"> <img src="highslide/images/architektur/200511_washington_800px.jpg" alt=""/>
                    </a>
                    <a href="highslide/images/architektur/600px_2006_Kloster01_C.jpg" class="highslide"
                       title="Bildunterschrift2"
                       onclick="return hs.expand(this,config2)"> <img src="highslide/images/architektur/600px_2006_Kloster01_C.jpg" alt=""/>
                    </a>
                    <a href="highslide/images/architektur/800px_2007_Bundestag03_C.jpg" class="highslide"
                       title="Bildunterschrift2"
                       onclick="return hs.expand(this,config2)"> <img src="highslide/images/architektur/800px_2007_Bundestag03_C.jpg" alt=""/>
                    </a>
                    <a href="highslide/images/architektur/800px_Bruessel01_EU01.jpg" class="highslide"
                       title="Bildunterschrift2"
                       onclick="return hs.expand(this,config2)"> <img src="highslide/images/architektur/800px_Bruessel01_EU01.jpg" alt=""/>
                    </a>
                   
                   
                     <a href="highslide/images/architektur/200511_washington_800px.jpg" class="highslide"
                       title="Bildunterschrift2"
                       onclick="return hs.expand(this,config3)"> <img src="highslide/images/architektur/200511_washington_800px.jpg" alt=""/>
                    </a>
                    <a href="highslide/images/architektur/600px_2006_Kloster01_C.jpg" class="highslide"
                       title="Bildunterschrift2"
                       onclick="return hs.expand(this,config3)"> <img src="highslide/images/architektur/600px_2006_Kloster01_C.jpg" alt=""/>
                    </a>
                    <a href="highslide/images/architektur/800px_2007_Bundestag03_C.jpg" class="highslide"
                       title="Bildunterschrift2"
                       onclick="return hs.expand(this,config3)"> <img src="highslide/images/architektur/800px_2007_Bundestag03_C.jpg" alt=""/>
                    </a>
                    <a href="highslide/images/architektur/800px_Bruessel01_EU01.jpg" class="highslide"
                       title="Bildunterschrift2"
                       onclick="return hs.expand(this,config3)"> <img src="highslide/images/architektur/800px_Bruessel01_EU01.jpg" alt=""/>
                    </a>
                   
                            <a href="highslide/images/architektur/200511_washington_800px.jpg" class="highslide"
                       title="Bildunterschrift2"
                       onclick="return hs.expand(this,config4)"> <img src="highslide/images/architektur/200511_washington_800px.jpg" alt=""/>
                    </a>
                    <a href="highslide/images/architektur/600px_2006_Kloster01_C.jpg" class="highslide"
                       title="Bildunterschrift2"
                       onclick="return hs.expand(this,config4)"> <img src="highslide/images/architektur/600px_2006_Kloster01_C.jpg" alt=""/>
                    </a>
                    <a href="highslide/images/architektur/800px_2007_Bundestag03_C.jpg" class="highslide"
                       title="Bildunterschrift2"
                       onclick="return hs.expand(this,config4)"> <img src="highslide/images/architektur/800px_2007_Bundestag03_C.jpg" alt=""/>
                    </a>
                    <a href="highslide/images/architektur/800px_Bruessel01_EU01.jpg" class="highslide"
                       title="Bildunterschrift2"
                       onclick="return hs.expand(this,config4)"> <img src="highslide/images/architektur/800px_Bruessel01_EU01.jpg" alt=""/>
                    </a>
                   
                </div>
            </div>
        </div>
    </body>
</html>


etuli
 
Posts: 2
Joined: Thu Feb 09, 2012 8:33 am

Re: Two Galleries on one Site does not work

Postby etuli » Thu Feb 09, 2012 3:16 pm

Oh i see the mistake. the addSideshow Method sould be in the config file
etuli
 
Posts: 2
Joined: Thu Feb 09, 2012 8:33 am


Return to Highslide JS Usage

Who is online

Users browsing this forum: Yahoo [Bot] and 5 guests