Elastic Thumbnail Menu (free)

Adendum · Post by **Adendum** » Wed Oct 12, 2011 3:22 pm

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

amrajadhyaksha · Post by **amrajadhyaksha** » Wed Oct 12, 2011 4:40 pm

Great work, looks really nice.
Keep up the enthusiasm.

protectourlands · Post by **protectourlands** » Fri Oct 14, 2011 3:40 pm

Excellent!

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

Adendum · Post by **Adendum** » Fri Oct 14, 2011 4:02 pm

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.

protectourlands · Post by **protectourlands** » Mon Oct 31, 2011 12:37 am

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.

Adendum · Post by **Adendum** » Mon Oct 31, 2011 12:26 pm

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.

protectourlands · Post by **protectourlands** » Mon Oct 31, 2011 5:25 pm

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?

Adendum · Post by **Adendum** » Mon Oct 31, 2011 5:41 pm

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?

protectourlands · Post by **protectourlands** » Tue Nov 01, 2011 1:37 am

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

Adendum · Post by **Adendum** » Tue Nov 01, 2011 10:33 am

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?

protectourlands · Post by **protectourlands** » Tue Nov 01, 2011 3:34 pm

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!

Adendum · Post by **Adendum** » Tue Nov 01, 2011 5:03 pm

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.

Adendum · Post by **Adendum** » Fri Nov 11, 2011 7:56 am

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

bjlolmaugh · Post by **bjlolmaugh** » Wed Nov 16, 2011 10:38 pm

I love this Menu.
One question though ... is there a way to incorporate a drop down menu or pop up box with this menu?

ColinM · Post by **ColinM** » Wed Nov 16, 2011 10:58 pm

Love your work Paul!

Adendum · Post by **Adendum** » Tue Dec 06, 2011 5:32 pm

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.

Adendum · Post by **Adendum** » Mon Feb 20, 2012 6:01 pm

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.

Adendum · Post by **Adendum** » Mon Mar 19, 2012 1:38 pm

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.

Adendum · Post by **Adendum** » Tue Mar 27, 2012 3:47 pm

27/03/12 (14:49) : Update to use WWB's current jQuery file rather than the link to Google.

Adendum · Post by **Adendum** » Fri Apr 13, 2012 2:57 pm

Added property to enable multiple uses of the extension.

www.wysiwygwebbuilder.com

Elastic Thumbnail Menu (free)

Elastic Thumbnail Menu (free)

Re: Elastic Thumbnail Menu (free)

Re: Elastic Thumbnail Menu (free)

Re: Elastic Thumbnail Menu (free)

Re: Elastic Thumbnail Menu (free)

UPDATED Re: Elastic Thumbnail Menu (free)

Re: Elastic Thumbnail Menu (free)

Re: Elastic Thumbnail Menu (free)

Re: Elastic Thumbnail Menu (free)

Re: Elastic Thumbnail Menu (free)

Re: Elastic Thumbnail Menu (free)

Re: Elastic Thumbnail Menu (free)

UPDATED: Elastic Thumbnail Menu (free)

Re: Elastic Thumbnail Menu (free)

Re: Elastic Thumbnail Menu (free)

Re: Elastic Thumbnail Menu (free)

Re: Elastic Thumbnail Menu (free) - UPDATED

Re: Elastic Thumbnail Menu (free)

Re: Elastic Thumbnail Menu (free) [UPDATE]

Re: Elastic Thumbnail Menu (free) - UPDATED