jquery.imagefit interaction
| Project: | Views Rotator |
| Version: | 6.x-1.x-dev |
| Component: | Code |
| Category: | support request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
First off I would like to thank everyone involved with this module, it works great!
My question is regarding adding some additional functionality. Specifically, I've been trying to get the imagefit effect to work with images I am displaying in a slideshow running on views rotator. I want the images to be displaying fullscreen in the browser window, and then have the images dynamically and realtime resize when the browser window is resized.
Imagefit: http://www.ollicle.com/eg/jquery/imagefit/
Basically I have the views rotator to scroll through images. I can call the imagefit to be applied to the div in which content apperas (.views-rotator-item), and it works... for the first image. Other images stop appearing altogether.
I had it working with ddblock for a similar application but only the first image in the rotation was resizing to fill the browser window, so I decided to try it with views rotator.
I am calling the imagefit effect with the following code in the template containing the div (or any page that loads the div):
$(function(){
$('.views-rotator-item').imagefit();
});
And of course I have the jquery.imagefit.js file being loaded properly beforehand.
I understand that the problem probably lies with the fact that the effect is not being applied AGAIN when the next image loads in the div. But I have very little experience in something like this and was wondering if anyone knew a good way to fix this problem.
