SitePoint Sponsor |
|
User Tag List
Results 1 to 7 of 7
-
Nov 14, 2008, 10:50 #1
Image Marquee with clickable images...
hi i was wondering what the code is for an image marquee, where by if you scroll on an image you can even click it so it becomes bigger...or when u scroll it makes it a bit bigger
thanks
-
Nov 14, 2008, 11:20 #2
- Join Date
- Dec 2003
- Location
- USA
- Posts
- 2,582
- Mentioned
- 29 Post(s)
- Tagged
- 0 Thread(s)
That would be a Javascript question, not a PHP question.
Basically you would just use the on events (like onclick) and when it's performed you would change the <img> height and width values (or even better, change style.width and style.height).Xazure.Net - My Blog - About Programming and Web Development
Follow Me on Twitter!
Christian Snodgrass
-
Nov 14, 2008, 11:32 #3
please link me to these features.
-
Nov 14, 2008, 11:41 #4
- Join Date
- Dec 2003
- Location
- USA
- Posts
- 2,582
- Mentioned
- 29 Post(s)
- Tagged
- 0 Thread(s)
I don't know where a script that does this is, but it is quite simple to create.
If you want to just use mouse clicks, you would have to have some button (or buttons) that toggle zoom in and zoom out. Then, on the <img> you would have an onclick which would increase or decrease it's size, depending on the state of the toggle button.
If you want to use a mouse wheel, you could use code like this to get the mouse wheel input: http://adomas.org/javascript-mouse-wheel/
Then, you would just zoom out (make <img> smaller) or zoom in (make <img> bigger) when the value changed.Xazure.Net - My Blog - About Programming and Web Development
Follow Me on Twitter!
Christian Snodgrass
-
Nov 15, 2008, 09:36 #5
thanks
whats the basic code just for a marquee, so i can put images scrolling?
-
Nov 15, 2008, 15:37 #6
- Join Date
- Sep 2005
- Location
- Sydney, NSW, Australia
- Posts
- 16,875
- Mentioned
- 25 Post(s)
- Tagged
- 1 Thread(s)
Is http://javascript.about.com/library/blcmarquee1.htm close to what you need?
Stephen J Chapman
javascriptexample.net, Book Reviews, follow me on Twitter
HTML Help, CSS Help, JavaScript Help, PHP/mySQL Help, blog
<input name="html5" type="text" required pattern="^$">
-
Nov 16, 2008, 07:30 #7
perfect thanks sir
Bookmarks