1 Topic by jrebergen (edited by jrebergen 2014-12-15 19:41:52)

  • Registered: 2014-12-15
  • Posts: 2

Topic: JB as an slider; images 'fall' outside div and 'cross_fade' don't work

I've used JB for a slider on the frontpage of my website www.huwelijkfotografie.nl. Loading goes fine, but when clicking on "Info" or "Welkom" which is the same page drops the images outside the div. In Safari (Yosemite v8.0.2) this only happens when clicking on "Welkom", "Info" works fine. In Google Chrome both don't work, only refreshing the page works. It isn't constant, It seems to do this randomly.

Also the image transition is set on "CROSS_FADE". This works fine on my iMac, but doesn't work on iPhone 5 or iPad 3 (both IOS 8.1.2). There it reverts to a slide.

Did I do anything wrong, or is this something within JB?

images, jbcore folder and the config.xml file: www.huwelijkfotografie.nl/slider/

http://www.huwelijkfotografie.nl/2015/jb.jpg

  • Registered: 2012-04-24
  • Posts: 5,924

Re: JB as an slider; images 'fall' outside div and 'cross_fade' don't work

JB as an slider; images 'fall' outside div

I have viewed your gallery in Firefox 34.0, Chrome 39.0, Opera 26.0, IE11 and Safari 5.1.7 on my PC (and have clicked the 'Info' and 'Welkom' links several times in each browser) and do not see the problem you are reporting.
Try clearing your browser's cache to ensure that your browser is fetching and using the most recent versions of your files from your web server.
Also, I notice that your gallery's dimensions are 100% x 100% and that your gallery's parent container's dimensions are fixed pixel values. This should be fine but try changing your gallery's dimensions to match those of its parent container to see if this makes a difference.

'cross_fade' don't work

The imageTransitionType configuration option works only in Mouse Input Mode (as noted on the Config Options page). In Touch Input Mode, imageTransitionType uses the default value of SLIDE which best matches the swipe gesture used to navigate between images. This cannot be changed.

3 Reply by jrebergen (edited by jrebergen 2014-12-15 21:25:53)

  • Registered: 2014-12-15
  • Posts: 2

Re: JB as an slider; images 'fall' outside div and 'cross_fade' don't work

Thanks for the reply! To bad, but no fade on 'touch' devices is a deal breaker for me. Tablet and desktop visitors is 50/50 for me, so the same experience is vital. I'll revert back to a simple jquery slider and keep JB for the more complex gallery's.