Image roll over pop up

This is a discussion on "Image roll over pop up" within the Web Page Design section. This forum, and the thread "Image roll over pop up are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Apr 30th, 2007, 11:32
acrikey's Avatar
SuperMember

SuperMember
Join Date: Mar 2007
Location: UK
Posts: 305
Thanks: 0
Thanked 0 Times in 0 Posts
Image roll over pop up

I am having a few issues, scripting a code to make an image grow with a mouse over, have tried a mixture of codings and have crashed my page to many times. If anyone can help it would be great. Have added a flash vid below of what I want to achieve just to make sure I explained it right.
(It's very crude flash so flash experts keep away!!!!!!)
Attached Files
File Type: swf forum example.swf (20.0 KB, 39 views)
Reply With Quote

  #2 (permalink)  
Old Apr 30th, 2007, 13:14
Reputable Member
Join Date: Jul 2006
Location: Scotland
Age: 22
Posts: 357
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to snow
Re: Image roll over pop up

D'you have a link to what you've produced already - or if it's not on the web could you give us the code?
Reply With Quote
  #3 (permalink)  
Old Apr 30th, 2007, 13:21
acrikey's Avatar
SuperMember

SuperMember
Join Date: Mar 2007
Location: UK
Posts: 305
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Image roll over pop up

Coding is blank as had to remove it as it crashed page. Page is not live yet as I do not have that info from the customer yet.
Reply With Quote
  #4 (permalink)  
Old Apr 30th, 2007, 16:20
karinne's Avatar
SuperMember

SuperMember
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Image roll over pop up

There's a few on CSSPlay

Enlarging unordered list - Link enlargement on :hover.
Magnifier menu - A graduated text magnifier on :hover using images.
Image magnifier menu - Enlarging link images on :hover.
Exploding menu - Exploding images into four identical images on :hover.
Magnifier text menu - As the first menu in this group, but using only text.
Reply With Quote
  #5 (permalink)  
Old Apr 30th, 2007, 17:47
acrikey's Avatar
SuperMember

SuperMember
Join Date: Mar 2007
Location: UK
Posts: 305
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Image roll over pop up

Site

Ok finaly there, the small images at the bottom are the culprites. Got a few broken codes in the bottom right. The smalls should enlarge.

Last edited by acrikey; Apr 30th, 2007 at 20:23.
Reply With Quote
  #6 (permalink)  
Old May 1st, 2007, 12:43
acrikey's Avatar
SuperMember

SuperMember
Join Date: Mar 2007
Location: UK
Posts: 305
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Image roll over pop up

Ok here is my code:

<div id="Layer13"></a><a href="#" onmouseover=window.open('dsl.html','NewWindow',res izable=no,scrollbar=no,status=no,width=350,height= 200');if(chw !=null) chw.focus();return false"></a><img src="images/DSthumb.png" alt="Dirty South Logo" width="68" height="33" border="0" /></a></div>

I want this image to be the button (img src="http://www.webforumz.com/images/DSthumb.png") but I'm going round in circles. Can anyone tell me where I'm going wrong please

Last edited by acrikey; May 1st, 2007 at 18:35.
Reply With Quote
  #7 (permalink)  
Old May 1st, 2007, 14:00
Reputable Member
Join Date: Jul 2006
Location: Scotland
Age: 22
Posts: 357
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to snow
Re: Image roll over pop up

Hey there,

'New Window' shouldn't have a space in (for IE).

You have a comma in the wrong place:
,scrollbar,=no,

Worth checking before we try anything else!
Reply With Quote
  #8 (permalink)  
Old May 1st, 2007, 18:36
acrikey's Avatar
SuperMember

SuperMember
Join Date: Mar 2007
Location: UK
Posts: 305
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Image roll over pop up

Code edited but still not working, new code edit in last post with code
Reply With Quote
  #9 (permalink)  
Old May 1st, 2007, 18:36
acrikey's Avatar
SuperMember

SuperMember
Join Date: Mar 2007
Location: UK
Posts: 305
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Image roll over pop up

Here it is to stop confusion

<div id="Layer13"></a><a href="#" onmouseover=window.open('dsl.html','NewWindow',res izable=no,scrollbar=no,status=no,width=350,height= 200');if(chw !=null) chw.focus();return false"></a><img src="images/DSthumb.png" alt="Dirty South Logo" width="68" height="33" border="0" /></a></div>
Reply With Quote
  #10 (permalink)  
Old May 2nd, 2007, 00:23
Reputable Member
Join Date: Jul 2006
Location: Scotland
Age: 22
Posts: 357
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to snow
Re: Image roll over pop up

heh, I missed the space in the middle of 'res izable'... also, your sizes should have 'px's after them
Reply With Quote
  #11 (permalink)  
Old May 2nd, 2007, 11:49
karinne's Avatar
SuperMember

SuperMember
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Image roll over pop up

Jeez ... all that JS tsk! tsk! ... too bad you didn't follow the links I gave you. All CSS, no JS!
Reply With Quote
  #12 (permalink)  
Old May 2nd, 2007, 12:01
acrikey's Avatar
SuperMember

SuperMember
Join Date: Mar 2007
Location: UK
Posts: 305
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Image roll over pop up

Ok dont look at the JS that will be deleted I promise!!!! Snow, the space you saw in my last post was a typo Here is the new code. Karinne I promise to delete JS!!!

<div id="Layer13"></a><a href="#" onmouseover=window.open('dsl.html','NewWindow',res izable=no,scrollbar=no,status=no,width=350,height= 200');if(chw !=null) chw.focus();return false"></a><img src="images/DSthumb.png" alt="Dirty South Logo" width='68' height='33' border='0' /></a></div>
Reply With Quote
  #13 (permalink)  
Old May 2nd, 2007, 15:31
Reputable Member
Join Date: Jul 2006
Location: Scotland
Age: 22
Posts: 357
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to snow
Re: Image roll over pop up

Heh, that space is pretty persistant!

what's the point in returning false? Just trying to discover what all your code is for...
Reply With Quote
Reply

Tags
image, pop up, roll over

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
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Roll Over Images rattlesnak Web Page Design 10 Feb 16th, 2008 01:59
Roll overs? Ideas. PicoDeath Web Page Design 1 Jul 30th, 2007 16:34
strtotime() roll over kthompso PHP Forum 0 Jan 22nd, 2007 20:28
need help with Roll over stylesheet. comaiwat Web Page Design 8 Sep 21st, 2004 02:34


All times are GMT. The time now is 09:02.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43