Navigation button fly over images to their place

  • bluethon
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
11 years 9 months ago #27593 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!

Please Log in to join the conversation.

More
11 years 9 months ago #27609 by ivan.milic
It looks ok to me chrome,FF, IE10, IE10 compatibility

Please Log in to join the conversation.

  • bluethon
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
11 years 9 months ago - 11 years 9 months ago #27619 by bluethon
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?
Last edit: 11 years 9 months ago by bluethon.

Please Log in to join the conversation.

More
11 years 8 months ago #27632 by ivan.milic
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;
}
The following user(s) said Thank You: bluethon

Please Log in to join the conversation.

  • bluethon
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
11 years 8 months ago #27653 by bluethon
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,...)?

Please Log in to join the conversation.

More
11 years 8 months ago #27660 by ivan.milic
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.

Please Log in to join the conversation.

Time to create page: 0.162 seconds
Powered by Kunena Forum