jQuery slider / Posts /

Demo 2 jquery - thumbnail slider does not displays main image properly in Firefox browser

0

Demo 2 (jquery - thumbnail slider) does not displays main image properly in Firefox browser although same works fine in IE or Chrome. Can we fix this for Firefox browser?

Ajay  8 years ago   viewed: 6686    

2 Answers

0

It seems the Firefox does not allow the perspective and rotateY to come together for the transform property of the selector #thumbnail-slider .active .thumb. So you can make the following modification to the thumbnail-slider.css, and it will start working with the Firefox browser:

/*-- Start 3D --*/ #thumbnail-slider .thumb { -webkit-transform: perspective(500px) translateX(1px) translateZ(-30px) rotateY(30deg); transform: perspective(500px) translateX(1px) translateZ(-30px) rotateY(30deg); } #thumbnail-slider .active .thumb { -webkit-transform: translateX(0px) translateZ(0px) rotateY(0deg); transform: translateX(0px) translateZ(0px) rotateY(0deg); } #thumbnail-slider li.active ~ li .thumb { -webkit-transform: perspective(500px) translateX(-1px) translateZ(-30px) rotateY(-30deg); transform: perspective(500px) translateX(-1px) translateZ(-30px) rotateY(-30deg); } /*-- End 3D --*/
Milo   8 years ago
0

Hello, if you're using jQuery for event handling, ensure that the events are properly bound. Sometimes, using $(document).ready() may not work as expected in all browsers. Try using:

javascript

$(function() {

    // Your code here

});

slope game

I think you should make sure that your jQuery code for switching images is functioning correctly. You can add console logs to check if the correct image source is being set. Ensure that the images are in a format that Firefox supports (e.g., JPG, PNG, GIF). If you're using less common formats, try changing them.

josepherson
  one month ago

   

Your name*
Password
(Optional. Used to modify this post afterwords)
+ =  

Ask your Own Question

  • If your question is related to the topic of this post, you can post your question to this page by clicking the "Post a reply" button at left;

  • When you want to start a new page for your question:
▲