The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Scrolling images design

Page 2 of 2 Previous  1, 2

View previous topic View next topic Go down

Scrolling images design

Post by Guest on May 14th 2013, 6:25 pm

First topic message reminder :

Hey

I was looking for a code for scrolling images, so far I have only come across simple codes which just scroll, I would like text you could hover over to bring up the picture an example of this is on this website: http://www.footlocker.com/

If there is anything like this on forumotion please redirect me or help me out Smile

Guest
Guest


Back to top Go down


Re: Scrolling images design

Post by Ultron's Vision on May 16th 2013, 6:22 pm

Administration Panel -> Modules -> HTML and JavaScript -> HTML Pages -> Create a new HTML Page Wink

Tell me if it worked.

Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Re: Scrolling images design

Post by kirk on May 16th 2013, 7:32 pm

Shubz wrote:Im not sure where to add this

Try adding it to your overall header template at the very top over everything that's in there
Put a little space at the top first then past it in,hit save, then go back and publish.

info added

Oh yeah try what ultron has suggested first on a HTML page to be sure it works. Smile

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Re: Scrolling images design

Post by Ultron's Vision on May 16th 2013, 7:44 pm

I tested it on my forum now, here's the result (disregard the images, I was looking for some random images on the internet), it works fine so far, but I'm having issues with the hovering... anyway, I'll have to rewrite the code before I post here again...
Excuse the inconvenience.

Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Re: Scrolling images design

Post by kirk on May 16th 2013, 7:54 pm

@Ultron's Vision wrote:I tested it on my forum now, here's the result (disregard the images, I was looking for some random images on the internet), it works fine so far, but I'm having issues with the hovering... anyway, I'll have to rewrite the code before I post here again...
Excuse the inconvenience.


Wow!!! Cool

I am only on my iPod now so not sure if I am getting the full effect?
Is that animated gif image or flash.
Whatever the case seems like your on the right track.
Nice job.

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Re: Scrolling images design

Post by Ultron's Vision on May 16th 2013, 8:02 pm

Yeah, the first one is a .gif, the second image is a .png.

It's not fully complete - as I stated - and I will look up my JavaScript reference (200+ pages) to make this look even better.

Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Re: Scrolling images design

Post by Guest on May 16th 2013, 8:10 pm

Nice this is good, but yeah the change should be made when you hover over the text

Guest
Guest


Back to top Go down

Page 2 of 2 Previous  1, 2

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum