I'm playing around with HighSlide and it is great. I have the following question: when I have plenty of thumbs on my webpage, which results in a scrollbar on the right, and I click on one of the lower thumbs, the popup appears from far below. While popping-up, a scrollbar appears, and this gives a hectic appearance.
Which setting should I change so that the popup comes from the center of my page, or from the upper left corner ??
Thanks,
-
MisterNeutron
- Posts: 440
- Joined: Sun Aug 18, 2013 11:20 am
Re: Popups from the center of the page ??
For simple center alignment, see: http://highslide.com/ref/hs.align
For more control over positioning, you can use: http://highslide.com/ref/hs.targetX
For more control over positioning, you can use: http://highslide.com/ref/hs.targetX
Re: Popups from the center of the page ??
Thanks for your advice. However, it does not solve the problem yet. Probably I did not explain it too well ...
I'll give it another try:
I have made a gallery of 100 thumbs, (5 columns, 20 rows), which are located between <div></div). The css of (a part of) the div looks like:
width: 1030px;
height: 400px;
overflow: auto;
This results (with 100 thumbs, some resulting in a single popup, some resulting in a gallery) in a scrollbar at the right. When l scroll down, the lower thumbs appear (as expected). The highslide code around the thumbs looks like:
<div class="highslide-gallery">
<a id="thumb1234" href="../scans/1234.jpg" class="highslide" onclick="return hs.expand(this, { slideshowGroup: 1234, numberPosition: null })" title="Image 1234" >
<img src="../thumbs/1234.jpg" alt="Image 1234">
</a>
<div class="highslide-caption">
Image 1234
</div>
</div>
In the <body> of the php/html file the next script is included:
<script type="text/javascript">
hs.graphicsDir = '../highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.dimmingOpacity = 0.60;
hs.headingEval = 'this.thumb.alt';
//hs.anchor = 'top left';
</script>
The highslide popup does not appea/originate form the image but from the images position on the page (far below my screen. It is well centered, that's ok. It is where the popup is originated.
Any help is appreciated !
I'll give it another try:
I have made a gallery of 100 thumbs, (5 columns, 20 rows), which are located between <div></div). The css of (a part of) the div looks like:
width: 1030px;
height: 400px;
overflow: auto;
This results (with 100 thumbs, some resulting in a single popup, some resulting in a gallery) in a scrollbar at the right. When l scroll down, the lower thumbs appear (as expected). The highslide code around the thumbs looks like:
<div class="highslide-gallery">
<a id="thumb1234" href="../scans/1234.jpg" class="highslide" onclick="return hs.expand(this, { slideshowGroup: 1234, numberPosition: null })" title="Image 1234" >
<img src="../thumbs/1234.jpg" alt="Image 1234">
</a>
<div class="highslide-caption">
Image 1234
</div>
</div>
In the <body> of the php/html file the next script is included:
<script type="text/javascript">
hs.graphicsDir = '../highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.dimmingOpacity = 0.60;
hs.headingEval = 'this.thumb.alt';
//hs.anchor = 'top left';
</script>
The highslide popup does not appea/originate form the image but from the images position on the page (far below my screen. It is well centered, that's ok. It is where the popup is originated.
Any help is appreciated !
-
MisterNeutron
- Posts: 440
- Joined: Sun Aug 18, 2013 11:20 am
Re: Popups from the center of the page ??
Sorry, but I just don't understand what the problem is. The popup originates from the thumbnail that you're clicking. How can you click on a thumbnail that isn't showing on the screen?
I'll need to see an example of this "live," so give me a link to it.
I'll need to see an example of this "live," so give me a link to it.