Comments on: A “fix” to PhatFusion’s Image Menu script

By: Daniel

Daniel — Tue, 19 Jan 2010 13:53:25 +0000

vielen Dank! Super Fix! So lange gesucht!

By: Al

Al — Tue, 19 Jan 2010 01:39:27 +0000

Hi ElShaddai,

Thanks for sharing the code. Any idea how to show some corresponding text when I click on one of the images? I have a test page here http://74.52.32.68/~tempcom/slider/. i want text to appear in the green box when I click on the image. Any input would be appreciated! Thanks!

By: Yak

Yak — Sun, 27 Dec 2009 13:47:04 +0000

Hi ElShaddai,

I don’t know why, but I didn’t nead to implement Will’s fix (I implemented it but it change nothing). When I click image, it start leading the new page and don’t colapse (even if I move the mouse from the image) until the new page is downloaded. But when the header reload (in the new page), all images appear as colapsed before the page’s image expand.

You can see it there : http://ecopolitique.ca/

I would like to have the page’s image already expanded when the page open.

Thank’s for taking time to post information on Phatfusion on your blog. It’s very helpfull.

Yak

By: ElShaddai

ElShaddai — Sun, 27 Dec 2009 12:02:39 +0000

If I’m understanding you correctly, the question is how to keep the current page’s image expanded if the user clicks on that image after the page has loaded. In my implementation, I’m seeing two undesirable behaviors:

1. Click once on an expanded, active image, then move the mouse off the image and it will collapse to a non-expanded state.
2. You have to click twice on an expanded image (without moving the mouse off the image) to trigger the href link.

Have you implemented Will's fix that he provided in the comments above? That should address the second point above, and I would assume fix the first as well, but I have not yet had a chance to dig into the code.

By: Yak

Yak — Sat, 26 Dec 2009 23:20:01 +0000

Ok, I find the fix. I created 5 pages and integrate the header directly in the page so that the right image open to the right page. But I can’t find a way to have the image already open; it slice a second time when the page is downloaded. Have any ideas?

By: Yak

Yak — Thu, 24 Dec 2009 02:53:35 +0000

Hi ElShaddai,

Thank’s for the explanation. The way I’ve integrated it, the first image stay open. But is it possible to have the clicked image stay open ?

Yak

By: Karsten

Karsten — Mon, 07 Dec 2009 21:04:23 +0000

Thanx Will for the fix! It really seems to work now.
I will add the fix to my image menu on my website (see http://www.karsten-rau-photography.com under “Portfolio”).

Thanks again and also thanks to ElShaddai for providing this very helpful thread!

Karsten

By: Will

Will — Mon, 07 Dec 2009 05:23:31 +0000

That’s my own. I sent it on to Sam to double check, so if he replies I’ll post back.

Sorry for the mass of posts as I was working on this. Feel free to nix the irrelevant ones.

By: ElShaddai

ElShaddai — Mon, 07 Dec 2009 04:52:06 +0000

Thanks for all your digging on this, Will. On closer review, I see that I do have the problem on my client site – it’s just that (a) like the official demo, my “home” start point doesn’t have any of the images opened in a pre-expanded state, and (b) once I have an expanded image, it corresponds to the current page, so the user is unlikely to click on it as a primary nav option.

Is the solution that you’ve posted from PhatFusion or is this your own work?

By: Will

Will — Mon, 07 Dec 2009 02:33:59 +0000

Got it! Solution to the “two clicks needed on pre-expanded items” problem!

Replace this…

el.addEvent(‘click’, function(e){

if(obj.options.onOpen){
new Event(e).stop();
if(obj.options.open == i){
obj.options.open = null;
obj.options.onClose(this.href, i);
}else{
obj.options.open = i;
obj.options.onOpen(this.href, i);
}

}

})

}.bind(this));

…With this…

el.addEvent(‘click’, function(e) {

if(obj.options.onOpen){
new Event(e).stop();
{
obj.options.onOpen(this.href, i);

}

} )

}.bind(this));