By greg@beargroup.com on

Hi, hopefully an easy assignment for a javascript guru:

I am using jquery with the cycle plugin to do a nice image gallery on a new site:
http://64.13.229.94/node/43

The issue I have, is when the thumbnail is selected (and parent image changed) - I also need to load the correct node/nid for the "project details" button, update the name, and update the before/after pics. I have all the sql/php written to get the data out. Just need to assign it to the dom I think, and then when the thumbnail is triggered also update the href attr and the other copy. Just not sure how to do this dynamically and bind it correctly.

Quick gig for someone with the knowledge, have $250 for the effort. Need it done by the end of the week,

Thanks!
-Greg

⋅ Categories: Drupal 5.x

Comments

progga’s picture

progga commented

The "before" and "after" callbacks of the cycle plugin should do the job. The "pagerClick" callback might do it too but I haven't tested. Here's some sample code:

$().ready(cyclist);

function cyclist()
{
    $("#rotator").cycle({
        fx : "fade",
        speed : 2500,
        timeout : 0,
        next : "#next-img",
        prev : "#prev-img",
        after : after_image
    });
}
 
 
function after_image()
{
    var new_link = get_the_new_link();

    $(".galleryLink").attr("href", new_link);
}

You seem to be very close to the solution. If you still want me to do it for you then let me know. Shouldn't take more than a few hours.

ckng’s picture

ckng
Primary language English
commented

Instead of custom php/sql, I would consider using View to list all related nodes (the 'parent' image) and its info - node link, name, and related before/after nodes/pics. And use after callback as suggested by progga.

I used it to update the caption as you can see in
http://myfinejob.com/portfolio/zero-fitness-dance-studio

after:  function() { $('#caption').html('<small>' + $(this.innerHTML).attr("alt") + '</small>'); },

a bit different as it is a custom content type, but I could have used cycle on the Featured Works (http://myfinejob.com/portfolio)

Cheers,
CK Ng
consultation • web design & development • content development • site domain, hosting & maintenance • software design & development