search

mdgriffin / pogo-slider

jQuery animated slider plugin
MIT License
71 stars 18 forks source link

Most Slide Transitions are not working #3

Open avconsbn opened 9 years ago

avconsbn commented 9 years ago

pogo-slider + CMS Joomla 3.4.1 Works only simple effects - slides. (fade, slide, ...) Most Slide Transitions are not working. (blocksReveal, verticalSplitReveal, Bars Reveal Down, ...) How to fix? Thank you

upupzealot commented 9 years ago

Same problem! Any body help?

leoalv commented 9 years ago

I discovered that the problem is in the height of the .pogoSlider class. if we have a height 0px; If you have a non-responsive site, you can place the top of your image as .pogoSlider height class.

The problem is with the responsive sites. because another thing I and I realized is that each pixel of the image width increases, also should increase the height, which is impossible to solve with media querys CSS.

I hope that this helps someone else to solve because this is a great jQuery Slider

UWiX-nl commented 2 months ago

A few years later.....

I fixed this transition issue by changing the background-size: cover; for the .pogoSlider-slide in the pogo-sllider.min.css to background: 100% 100%;

Yes, images are not resized to ratio but in my case it works for the effects perfectly.