- Posts: 3
- Thank you received: 0
Navigation button fly over images to their place
-
bluethon
Inactive member - Topic Author
- New Member
Less
More
11 years 9 months ago #27593
by bluethon
Navigation button fly over images to their place was created by bluethon
Hello
I am quite happy with the Hot Photo Gallery Plugin.
It might be very simple, but does what it should - so perfect! Thanks for this application!
But unfortunately I get a very strange effect if I open any picture. If I click on a image it pops up as it should. BUT the navigation buttons move around over the image to their actual place they should belong.
The [Prev] button flyes down from the top of the image to its place.
The [Next] button moves from the middle/top of the image to its place on the right.
Everything works as it should, but this effect is not very professional looking.
Actually I tested it with several browsers.
In Opera and Firefox the effect as described above happens. In IE both buttons behave like explained for the [Prev] button.
Where might be the error?
Here my site (klick on one of the lowest 4 pictures):
iselieng.ch/cms/index.php/windschutz/faltbarer-windschutz
Thank you in advance for your support and help!
I am quite happy with the Hot Photo Gallery Plugin.
It might be very simple, but does what it should - so perfect! Thanks for this application!
But unfortunately I get a very strange effect if I open any picture. If I click on a image it pops up as it should. BUT the navigation buttons move around over the image to their actual place they should belong.
The [Prev] button flyes down from the top of the image to its place.
The [Next] button moves from the middle/top of the image to its place on the right.
Everything works as it should, but this effect is not very professional looking.
Actually I tested it with several browsers.
In Opera and Firefox the effect as described above happens. In IE both buttons behave like explained for the [Prev] button.
Where might be the error?
Here my site (klick on one of the lowest 4 pictures):
iselieng.ch/cms/index.php/windschutz/faltbarer-windschutz
Thank you in advance for your support and help!
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
11 years 9 months ago #27609
by ivan.milic
Replied by ivan.milic on topic Navigation button fly over images to their place
It looks ok to me chrome,FF, IE10, IE10 compatibility
Please Log in to join the conversation.
-
bluethon
Inactive member - Topic Author
- New Member
Less
More
- Posts: 3
- Thank you received: 0
11 years 9 months ago - 11 years 9 months ago #27619
by bluethon
Replied by bluethon on topic Navigation button fly over images to their place
Thanks for the replay!
So if you open my site in any of your browsers and click on a picture the buttons stay always in the same position when you click though the pop-up gallery?
I have tested it again with the FF 19.0.2 (latest version) and also the latest version of Opera and Chrome. Still the same in all browsers.
Here a video about how it looks at the computers i tested with:
tinypic.com/r/352g4tu/6
Any idea?
So if you open my site in any of your browsers and click on a picture the buttons stay always in the same position when you click though the pop-up gallery?
I have tested it again with the FF 19.0.2 (latest version) and also the latest version of Opera and Chrome. Still the same in all browsers.
Here a video about how it looks at the computers i tested with:
tinypic.com/r/352g4tu/6
Any idea?
Last edit: 11 years 9 months ago by bluethon.
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
11 years 8 months ago #27632
by ivan.milic
Replied by ivan.milic on topic Navigation button fly over images to their place
Add this some-ware in your styles:
a#lightbox-nav-btnPrev,
a#lightbox-nav-btnNext{
text-decoration: none;
-webkit-transition: none!important;
-moz-transition: none!important;
-ms-transition: none!important;
-o-transition: none!important;
transition: none!important;
}
a#lightbox-nav-btnPrev,
a#lightbox-nav-btnNext{
text-decoration: none;
-webkit-transition: none!important;
-moz-transition: none!important;
-ms-transition: none!important;
-o-transition: none!important;
transition: none!important;
}
The following user(s) said Thank You: bluethon
Please Log in to join the conversation.
-
bluethon
Inactive member - Topic Author
- New Member
Less
More
- Posts: 3
- Thank you received: 0
11 years 8 months ago #27653
by bluethon
Replied by bluethon on topic Navigation button fly over images to their place
Awesome! Thank you so much!
It works perfectly now.
(Unfortunately I do not see the buttons on my tablet browsers, but this is less important)
Might I just ask, if you know, if it is possible to add the Hot Photo Gallery Plugin a secound time to my joomla, so that I can use different settings (# images in a row, colours,...)?
It works perfectly now.
(Unfortunately I do not see the buttons on my tablet browsers, but this is less important)
Might I just ask, if you know, if it is possible to add the Hot Photo Gallery Plugin a secound time to my joomla, so that I can use different settings (# images in a row, colours,...)?
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
11 years 8 months ago #27660
by ivan.milic
Replied by ivan.milic on topic Navigation button fly over images to their place
You can add it multiple times. On tablets buttons don't show because their visibility depends on mouse position. You can force then be always visible:
a#lightbox-nav-btnPrev{
display: block!important;
height: 370px!important;
background-image: url( iselieng.ch/cms/plugins/content/photogal...ightbox-btn-prev.gif )!important;
background-position: 0% 15%!important;
background-repeat: no-repeat no-repeat!important;
}
a#lightbox-nav-btnNext{
display: block!important;
height: 370px!important;
background-image: url( iselieng.ch/cms/plugins/content/photogal...s/lightbox-blank.gif )!important;
background-color: transparent!important;
background-repeat: no-repeat no-repeat!important;
}
add that anyware in your style css files.
a#lightbox-nav-btnPrev{
display: block!important;
height: 370px!important;
background-image: url( iselieng.ch/cms/plugins/content/photogal...ightbox-btn-prev.gif )!important;
background-position: 0% 15%!important;
background-repeat: no-repeat no-repeat!important;
}
a#lightbox-nav-btnNext{
display: block!important;
height: 370px!important;
background-image: url( iselieng.ch/cms/plugins/content/photogal...s/lightbox-blank.gif )!important;
background-color: transparent!important;
background-repeat: no-repeat no-repeat!important;
}
add that anyware in your style css files.
Please Log in to join the conversation.
Time to create page: 0.162 seconds