It is currently Tue Dec 23, 2014 6:22 am Advanced search

Problem with two galleries on one page

Help for using the Highslide Editor, the visual way of setting up Highslide.

Problem with two galleries on one page

Postby rafcio21 » Tue Sep 20, 2011 1:49 am

My code mostly works, but there is problem with opening. I using "onclick" function. When I clicking on button, it opening two my galleries instead of one. I tried many ways, but no one worked. I hope that you'll help me in finding solution :)

There is shorter version of my code:
Code: Select all
<script type="text/javascript">
// gallery config object
var config1 = {
   slideshowGroup: 'group1',
   autoplay: false,
   transitions: ['expand', 'crossfade']
};

// gallery config object
var config2 = {
   slideshowGroup: 'group2',
   autoplay: false,
   transitions: ['expand', 'crossfade']
};

<div class="highslide-gallery" style="width: 600px; margin: auto">
   <a style="display: none;" class='highslide' id="2" href='foto/plenerowe/1.jpg' onclick="return hs.expand(this, config1)">
      <img src='foto/plenerowe/1.jpg' alt='Frozen lake'/></a>
   <a style="display: none;" class='highslide' id="1" href='foto/reporterskie/1.jpg' onclick="return hs.expand(this, config2)">
      <img src='foto/reporterskie/1.jpg' alt='Frozen lake'/></a>
</div>
    <div id="content">
        <a href="foto/reporterskie/1.jpg" id="foo"><img src="images/reporterska.png" class="fade" /></a>
        <a href="foto/plenerowe/1.jpg" id="foo2"><img src="images/plenerowa.png" class="fade" /></a>
    </div>
<script type="text/javascript">
document.getElementById("foo2").onclick = function(){
return hs.expand(document.getElementById('2'), config1)
}
document.getElementById("foo").onclick = function(){
return hs.expand(document.getElementById('1'), config2)
}
</script>


EDIT: I have placed my page in internet, check this problem online http://samoloty.222.pl/portfolio/galeria.html
rafcio21
 
Posts: 2
Joined: Tue Sep 20, 2011 1:38 am

Re: Problem with two galleries on one page

Postby RoadRash » Tue Sep 20, 2011 3:18 am

Hi,

Remove this part:
Code: Select all
<script type="text/javascript">
document.getElementById("foo2").onclick = function(){
return hs.expand(document.getElementById('2'), config1)
}
document.getElementById("foo").onclick = function(){
return hs.expand(document.getElementById('1'), config2)
}
</script>


And do it like this instead:
Code: Select all
<div id="content">
    <a href="foto/reporterskie/1.jpg" id="foo" [hilight]onclick="return document.getElementById('1').onclick()"[/hilight]><img src="images/reporterska.png" class="fade" /></a>
    <a href="foto/plenerowe/1.jpg" id="foo2" [hilight]onclick="return document.getElementById('2').onclick()"[/hilight]><img src="images/plenerowa.png" class="fade" /></a>
</div>

This method is described in this FAQ: viewtopic.php?f=4&t=4372
Hilde
Highslide Support Team

Overview of my Highslide sample pages: RoadRash.no
User avatar
RoadRash
 
Posts: 8232
Joined: Tue Jul 15, 2008 8:43 pm
Location: Fredrikstad, Norway

Re: Problem with two galleries on one page

Postby rafcio21 » Tue Sep 20, 2011 9:43 am

It works, thanks. I haven't searching enough.
rafcio21
 
Posts: 2
Joined: Tue Sep 20, 2011 1:38 am


Return to Highslide Editor

Who is online

Users browsing this forum: No registered users and 2 guests