anythingFader and infiniteSlides

[xdream3d]

Hi there,

I’m using anythingFader, which works really well – thanks.

The only problem I’m having is that I’m also using fancyBox, this runs a gallery of images which also seems to include the first and last cloned images from anythingFader.

I read somewhere that setting infiniteSlides to false eliminates this problem for anythingSlider, but I can’t get it to work on the fader – should I be using something else?

Any help would be greatly appreciated – cheers!

[Mottie]

Can you please share the code you are using to make fancybox work.

[xdream3d]

Hi Mottie,

The code I’m using is on this site (it’s not complete yet!!)

http://www.x-dream3d.com/portfolio/photoshop.htm

If you click the image in the first slide, you’ll see that fancybox says it’s image 2 of ??. When I debug, I see the cloned

[Mottie]

I think that each slide needs to have a unique data-fancybox-group name… for example in the first slide, use “gallery1”, in the second use “gallery2”, etc.

Photoshop – Logo Manipulation


CLIENT BRIEF


Take existing, flat 2D logo and visualise it with three different treatments:




1. Logo on fire


2. Logo carved out of rock face


3. Logo as a dissovable tablet.




These were used for internal posters, reproduced over 1 meter in size!


CLICK IMAGES FOR LARGER PREVIEW

















Photoshop – Photo Manipulation


CLIENT BRIEF


Create a spread that differs from the rest…


I had fun with this one. I had to create a 'DANCE" spread that had dancers coming out of smoke. Had to also incorporate vectors in this spread too.


CLICK IMAGES FOR LARGER PREVIEW

[xdream3d]

Thanks Mottie – I tried that, but it’s not exactly what I’m after. The problem is that the first and last gallery items seem to double-up on the number of images to display i.e if gallery 1 has three images, fancy box sees 6. And for the last one which has one image, fancy box sees 2.

Will infiniteSlides not do the trick – I’m not fussed if the fader doesn’t loop.

Many thanks again!!

[Mottie]

Hmm ok I see the problem it’s because fancy box is included the images from the cloned slides. Sadly, AnythingFader doesn’t have any callbacks so we’ll need to do something else to remove the group names in the clone slides.

And what do you mean by “infiniteSlides”? That is an option in AnythingSlider, not AnythingFader. Now, if you changed your plugin to AnythingSlider, you can use these settings:

$('.anythingFader ul').anythingSlider({

autoPlay: true,                 // This turns off the entire FUNCTIONALY, not just if it starts running or not.

delay: 6000,                    // How long between slide transitions in AutoPlay mode

startStopped: false,            // If autoPlay is on, this can force it to start stopped

hashTags: true,                 // Should links change the hashtag in the URL?

buildNavigation: true,          // If true, builds and list of anchor links to link to each slide

pauseOnHover: true,             // If true, and autoPlay is enabled, the show will pause on hover

startText: "Go",                // Start text

stopText: "Stop",               // Stop text

navigationFormatter: formatText,   // Details at the top of the file on this use (advanced use)



// Callback when the plugin finished initializing

onInitialized: function(e, slider) {

// remove fancybox class/group from cloned slides

slider.$items.filter('.cloned').find('a.fancybox')

.removeClass('fancybox')

.removeAttr('data-fancybox-group');

},



// zero time between slide transitions

animationTime      : 0,

// set this delay to fade out the current slide before animating

// set here to match the fade time

delayBeforeAnimate : 500,



onSlideBegin: function (e, slider) {

slider.$items.fadeOut(500);

},

onSlideComplete: function (slider) {

slider.$items.fadeIn(500, "swing");

}



});

Also, you might need to change some css around to get the style back since the HTML is a bit different.

[xdream3d]

Thanks – will give that a go!

Cheers for all your help :-)

[Author]

Posts