Page 1 of 1

Elastic Thumbnail Menu (free)

Posted: Wed Oct 12, 2011 3:22 pm
by Adendum
The Elastic Thumbnail Menu extension is now available from the main extension site - here and also from my extension demo site. The help file is also available online from the same page.

This extension is based on Sam Dunn's jQuery plugin. Original code here. This extension can be used as a primary navigation menu, secondary navigation menu or even just as an individual expanding image with/without a link.

Options include the ability to size the images (using jQuery) at different sizes to the actual images used. For example the demo uses six 200 x 200 images but they are all first displayed at 80px wide and when hovered over they expand to 160px wide.

PLEASE READ THE HELP FILE BEFORE REQUESTING SUPPORT.


Demo of the extension

Re: Elastic Thumbnail Menu (free)

Posted: Wed Oct 12, 2011 4:40 pm
by amrajadhyaksha
Great work, looks really nice.
Keep up the enthusiasm.

Re: Elastic Thumbnail Menu (free)

Posted: Fri Oct 14, 2011 3:40 pm
by protectourlands
Excellent!

I'm finding an issue with the padding. The up/down arrows don't seem to work well.

Re: Elastic Thumbnail Menu (free)

Posted: Fri Oct 14, 2011 4:02 pm
by Adendum
protectourlands wrote:I'm finding an issue with the padding. The up/down arrows don't seem to work well.
You mean the arrows in the properties panel? I think that's because I haven't specified MIN or MAX values. You can manually enter a value and then the arrows work OK.

I'll re-visit this and other extensions that have this issue.

Re: Elastic Thumbnail Menu (free)

Posted: Mon Oct 31, 2011 12:37 am
by protectourlands
I'm wondering if a text title below the images could be incorporated. Sometimes the images are not so obvious indicators of the link subject. If this is not practical, maybe the title tag to produce the mouse-over tip?

I really like what you have done with this extension and appreciate that you make it and all your extensions available to the rest of us.

UPDATED Re: Elastic Thumbnail Menu (free)

Posted: Mon Oct 31, 2011 12:26 pm
by Adendum
protectourlands wrote:I'm wondering if a text title below the images could be incorporated. Sometimes the images are not so obvious indicators of the link subject. If this is not practical, maybe the title tag to produce the mouse-over tip?

I really like what you have done with this extension and appreciate that you make it and all your extensions available to the rest of us.
Good point. I have updated the extension and have added a new property called 'Hover Title'. Version 1.0.0.1 available from both locations.

I'll look at the possibilities of doing something better than this when time allows.

P.S. Hopefully fixed the other issue you identified with the up/down arrows.

Re: Elastic Thumbnail Menu (free)

Posted: Mon Oct 31, 2011 5:25 pm
by protectourlands
The new title function works great Paul. Thank you.

I was getting ready to post a website using this extension, and then I noticed there is a jquery conflict with the WB slideshow. Is it possible to add the option to turn off jquery when using on a page with other jquery objects?

Re: Elastic Thumbnail Menu (free)

Posted: Mon Oct 31, 2011 5:41 pm
by Adendum
That's a problem.

The original authors code points to the jquery file version 1.3.1 at google.com

Code: Select all

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.js"></script>
and I left it exactly like that because his code does not work with newer versions of jQuery, only older versions. So the <head> carries that link back to google.com/files/...

So I don't think there is anything I can do about that.....unless someone knows better?

Re: Elastic Thumbnail Menu (free)

Posted: Tue Nov 01, 2011 1:37 am
by protectourlands
I tried Baconfries' noconflict fix and it works.

Add to head code between head tags:

<script type="text/javascript">
jQuery.noConflict();
</script>

Here is the website featuring the extension:
http://www.yvkids.org

Re: Elastic Thumbnail Menu (free)

Posted: Tue Nov 01, 2011 10:33 am
by Adendum
Protectourlands,

Excellent news. I have already emailed the original author but no response so far therefore it's good to learn about this 'fix.

If I may can I list this site on the demo page so other users can see another example?

Re: Elastic Thumbnail Menu (free)

Posted: Tue Nov 01, 2011 3:34 pm
by protectourlands
Absolutely. Please feel free to list the site as a demo.

I'll be using some of your other menu extensions in the near future. I'll send the site links for demo use as well.

Your extensions are awesome!

Re: Elastic Thumbnail Menu (free)

Posted: Tue Nov 01, 2011 5:03 pm
by Adendum
protectourlands wrote:Absolutely. Please feel free to list the site as a demo.
Done!
protectourlands wrote:I'll be using some of your other menu extensions in the near future. I'll send the site links for demo use as well.
Excellent - can't wait to see, as I am sure other potential users will be too!
protectourlands wrote:Your extensions are awesome!
That's more to do with the original authors than me but never the less it's nice to hear that you and others like, appreciate and use them.

UPDATED: Elastic Thumbnail Menu (free)

Posted: Fri Nov 11, 2011 7:56 am
by Adendum
10/11/11 : Having only realised I could do this yesterday (doh!) I have modified this extension (and all my extensions - see list below) so that the live rendering of the extension in design view is greatly improved. In many cases the design view will take on a background colour you set in the extension properties.

Updates available from the WWB extensions site and my own demo site. Remember to check out the extensions listed below.

Anything Slider
Automated ToolTip
Directory Listing
Image Information Panels
Image Swap Menu
Kick-Butt-Mega-Menu
Orbit Slider
Photo Info
Simple Horizontal Accordion
Slide Down Box Menu
Stacked Images
tab Slide Out

Re: Elastic Thumbnail Menu (free)

Posted: Wed Nov 16, 2011 10:38 pm
by bjlolmaugh
I love this Menu.
One question though ... is there a way to incorporate a drop down menu or pop up box with this menu?

Re: Elastic Thumbnail Menu (free)

Posted: Wed Nov 16, 2011 10:58 pm
by ColinM
Love your work Paul! :D

Re: Elastic Thumbnail Menu (free)

Posted: Tue Dec 06, 2011 5:32 pm
by Adendum
Thank you. Let me know how you get on with it and where you use it and I'll add a link from the demo site so other people can see it in use.

Re: Elastic Thumbnail Menu (free) - UPDATED

Posted: Mon Feb 20, 2012 6:01 pm
by Adendum
20/02/12 : Image Content and CSS file now published to the /etm folder.

You may need to re-link any images if you open a project that uses an earlier version of this extension. Earlier versions of this extension published the CSS file to a folder called /etm and images had to be moved to the /images folder. Now the images and the css file are all automatically published to the /etm folder.

Re: Elastic Thumbnail Menu (free)

Posted: Mon Mar 19, 2012 1:38 pm
by Adendum
This is almost certainly a jQuery conflict.

Image Swap Menu uses a link to Google to get it's jQuery file

Code: Select all

 <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js">
And I would assume Diaporamas uses a different/later version. I couldn't fine Diaporamas in the extension site so I couldn't test it.

Re: Elastic Thumbnail Menu (free) [UPDATE]

Posted: Tue Mar 27, 2012 3:47 pm
by Adendum
27/03/12 (14:49) : Update to use WWB's current jQuery file rather than the link to Google.

Re: Elastic Thumbnail Menu (free) - UPDATED

Posted: Fri Apr 13, 2012 2:57 pm
by Adendum
Added property to enable multiple uses of the extension.