TinyPortal

Development => Block Codes => Topic started by: nevermore on May 10, 2006, 08:38:59 PM

Title: How to make this block of images scroll?
Post by: nevermore on May 10, 2006, 08:38:59 PM
www.tagamers.com

There is block of four images on the left side that I would like to make scroll within a set height box. Currently it is simply an HTML block but I'll make it whatever you suggest.

Any ideas?
Title: Re: How to make this block of images scroll?
Post by: IchBin on May 10, 2006, 08:45:06 PM
http://www.tinyportal.net/smf/index.php?topic=4772.0
Title: Re: How to make this block of images scroll?
Post by: nevermore on May 10, 2006, 08:57:14 PM
I saw this code snippet

Quoteecho '<marquee  behavior="scroll" direction="up" height="200px" scrolldelay=" 10" scrollamount=" 1" onmouseover="this.stop()" onmouseout="this.start()">';

How do I implement it? Which block is necessary?
Title: Re: How to make this block of images scroll?
Post by: akulion on May 10, 2006, 09:46:48 PM
echo is a php command

so u will need to create a php block
Title: Re: How to make this block of images scroll?
Post by: nevermore on May 10, 2006, 09:52:27 PM
I set the block to php

this is what is inside

Quoteecho '<marquee  behavior="scroll" direction="up" height="200px" scrolldelay=" 10" scrollamount=" 1" onmouseover="this.stop()" onmouseout="this.start()">';

(https://www.tinyportal.net/proxy.php?request=http%3A%2F%2Fwww.tagamers.com%2Fimages%2Fbuttonpics%2Fcod2button.jpg&hash=084fa97ecc05610e4acf6b55bfb184e82e7c3062) (http://www.callofduty.com)

(https://www.tinyportal.net/proxy.php?request=http%3A%2F%2Fwww.tagamers.com%2Fimages%2Fbuttonpics%2Fddobutton.jpg&hash=df141c2152a06225af5347e18ff14dfdb6c03f6c) (http://www.ddo.com)

(https://www.tinyportal.net/proxy.php?request=http%3A%2F%2Fwww.tagamers.com%2Fimages%2Fbuttonpics%2Fetbutton.jpg&hash=b7de6b0cc1b15d12af5fc9d57d6cc97116e0f219) (http://www.splashdamage.com)

(https://www.tinyportal.net/proxy.php?request=http%3A%2F%2Fwww.tagamers.com%2Fimages%2Fbuttonpics%2Fgwbutton.jpg&hash=0b90bdf05d294dd5e74261486ef2b25923fe4a4e) (http://www.guildwars.com)


I get a parse error here www.tagamers.com

I'm sure I'm missing something simple
Title: Re: How to make this block of images scroll?
Post by: akulion on May 10, 2006, 10:37:32 PM
well i dont know php but i can hazard a guess....try this and see if it works




echo '<marquee  behavior="scroll" direction="up" height="200px" scrolldelay=" 10" scrollamount=" 1" onmouseover="this.stop()" onmouseout="this.start()">
<img src="http://www.tagamers.com/images/buttonpics/cod2button.jpg">
<br>
<img src="http://www.tagamers.com/images/buttonpics/ddobutton.jpg">
<br>
<img src="http://www.tagamers.com/images/buttonpics/etbutton.jpg">
<br>
<img src="http://www.tagamers.com/images/buttonpics/gwbutton.jpg">
';



if it dosent work we will just have to wait for one of the experts :D
Title: Re: How to make this block of images scroll?
Post by: akulion on May 10, 2006, 10:45:18 PM
if that dosent work give this a try



echo '<marquee  behavior="scroll" direction="up" height="200px" scrolldelay=" 10" scrollamount=" 1" onmouseover="this.stop()" onmouseout="this.start()">';
echo '<img src="http://www.tagamers.com/images/buttonpics/cod2button.jpg"><br>
<img src="http://www.tagamers.com/images/buttonpics/ddobutton.jpg"><br>
<img src="http://www.tagamers.com/images/buttonpics/etbutton.jpg"><br>
<img src="http://www.tagamers.com/images/buttonpics/gwbutton.jpg">';



and that was my best guess :p
Title: Re: How to make this block of images scroll?
Post by: nevermore on May 10, 2006, 10:46:46 PM
That gets the scrolling function I wanted but I think it might be missing a closing comment/syntax at the end of the code you suggested because it now scrolls all of the blocks that were below it.
Title: Re: How to make this block of images scroll?
Post by: akulion on May 10, 2006, 10:57:54 PM
which one makes it work? code 1 or code 2?
Title: Re: How to make this block of images scroll?
Post by: akulion on May 10, 2006, 11:10:21 PM
at the end of the whole code try adding



echo '</marquee>';

Title: Re: How to make this block of images scroll?
Post by: nevermore on May 10, 2006, 11:47:09 PM
Wahoo. Thanks Akulion!! The closing marquee was what was needed.

One last thing. What is necessary to make those images function as links? Is it possible now that they are scrolling?
Title: Re: How to make this block of images scroll?
Post by: akulion on May 11, 2006, 12:17:37 AM
best to my knowledge and this is very basic PHP stuff (the 1st thing u learn) is that the echo statement produces whatever HTML u put between it like it would in a normal HTML webpage

So just use the normal link code in html before each image tag like so



<a href="http://www.mysite.com/etc.html"><img src="http://mysite.com/image.gif"></a>



and it should work A-ok
Title: Re: How to make this block of images scroll?
Post by: nevermore on May 11, 2006, 02:10:58 PM
Thanks a million. You are right, some of that was elementary. I need to brush up on my web knowledge a bit since I haven't worked with it in a couple years. Plus, I was trying to do some of this while at work which meant I would 10-15 minutes before being called away.

Hopefully, someone else learned from this. As I get more comfortable with all of this then I will be more of an asset here than a burden.
Title: Re: How to make this block of images scroll?
Post by: akulion on May 11, 2006, 02:39:48 PM
ur welcome anytime
same here - im a whizz at all the old web technologies lol
I also need to start learning PHP