Register Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools
  #1  
Old 14 Apr 2009, 09:16
kersti kersti is offline
 
Join Date: Dec 2005
Javascript onclick image swap help needed

I'm trying to copy the fade transitions on http://www.boston.com/bigpicture/2009/0 ... _2009.html and having so much trouble - it's driving me crazy!

Problem is that I'm doing this in a .NET CMS environment with no access to the underlying CSS and the images are always offset so there's a jump. I've tried playing around with the positioning offset and that doesn't seem to work at all.

I need something that'll work inline. I used to use a lovely bit of code that would swap images on rollover - can anyone help me to adapt that to swap on click instead with a fade? Anyone have some code to preload as well for these?

The code I used to use is:

<A HREF="xxx.html"
OnMouseOver="document.images['link'].src='link_on.gif';"
OnMouseOut="document.images['link'].src='link_off.gif'"><IMG
SRC="link_off.gif" HEIGHT="15" WIDTH="100" BORDER="0" NAME="link"></A>

--------------- Added 14 Apr 2009 at 10:17 ---------------

That first link should be http://www.boston.com/bigpicture/200...hour_2009.html

Last edited by kersti; 14 Apr 2009 at 10:17. Reason: Auto-Merged DoublePost
Reply With Quote
Reply

Similar Threads
Thread Thread Starter Forum Replies Last Post
Miscellaneous Hacks Image Resizer Javascript yoyoyoyo vBulletin 3.6 Template Modifications 45 07 Jul 2008 03:44



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 18:01.

Layout Options | Width: Wide Color: