/    Sign up×
Community /Pin to ProfileBookmark

help with animating reels

Copy linkTweet thisAlerts:
Sep 01.2006

Hello, I’m new to using Javascript and have decided to try and work on creating a slot machine. I”ve got the basic layout for my machine and have images I wish to use.
I’ve tried to find ways to basically animate a reel with 6 images but cannot find how to do that.
Any help would be greatly appreciated.

<TABLE BORDER=”3″ ALIGN=center width=80% CELLSPACING=3 CELLPADDING=10%>

<TD ALIGN=center WIDTH=”20%” height=”30%”><IMG SRC=”.gif”</TD>
<TD ALIGN=center WIDTH=”20%” height=”30%”><IMG SRC=”.gif”</TD>
<TD ALIGN=center WIDTH=”20%” height=”30%”><IMG SRC=”.gif”</TD>
<TD ALIGN=center WIDTH=”20%” height=”30%”><IMG SRC=”.gif”</TD>
<TD ALIGN=center WIDTH=”20%” height=”30%”><IMG SRC=”.gif”</TD>

</TR>

<TABLE BORDER=”3″ ALIGN=center width=80% CELLSPACING=3 CELLPADDING=10%>
<TD ALIGN=center WIDTH=”20%” height=”30%”><IMG SRC=”.gif”</TD>
<TD ALIGN=center WIDTH=”20%” height=”30%”><IMG SRC=”.gif”</TD>
<TD ALIGN=center WIDTH=”20%” height=”30%”><IMG SRC=”.gif”</TD>
<TD ALIGN=center WIDTH=”20%” height=”30%”><IMG SRC=”.gif”</TD>
<TD ALIGN=center WIDTH=”20%” height=”30%”><IMG SRC=”.gif”</TD>

</TR>

<TABLE BORDER=”3″ ALIGN=center width=80% CELLSPACING=3 CELLPADDING=10%>
<TD ALIGN=center WIDTH=”20%” height=”30%”><IMG SRC=”.gif”</TD>
<TD ALIGN=center WIDTH=”20%” height=”30%”><IMG SRC=”.gif”</TD>
<TD ALIGN=center WIDTH=”20%” height=”30%”><IMG SRC=”.gif”</TD>
<TD ALIGN=center WIDTH=”20%” height=”30%”><IMG SRC=”.gif”</TD>
<TD ALIGN=center WIDTH=”20%” height=”30%”><IMG SRC=”.gif”</TD>

</TR>

<TABLE BORDER=”3″ ALIGN=center width=80% CELLSPACING=20 CELLPADDING=10>

<TD ALIGN=center WIDTH=”20%”>CREDITS</TD>

</FORM>
<TD ALIGN=center BGCOLOR=”cyan” WIDTH=”20%”><FONT COLOR=”FF0000″>$20.00</TD>
<TD ALIGN=center WIDTH=”20%”><INPUT TYPE=submit value=”BET”></TD>
<TD ALIGN=center Width=”20%”><INPUT TYPE=submit value=”BET MAX”></TD>
<TD ALIGN=center WIDTH=”20%”>$0.00</TD>
<FORM METHOD=”LINK” ACTION=””>
<TD ALIGN=center WIDTH=”20%”><INPUT TYPE=submit value=”SPIN REELS”>
</TD>

</TR>

<TABLE BORDER=”3″ ALIGN=center width=80% CELLSPACING=20 CELLPADDING=10>

to post a comment
JavaScript

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@CrazyMerlinSep 02.2006 — first of al you need to get away from the idea of using table cells as holders for your images.

table cells are very restrictive and cannot be 'wrapped' because they are part of a table row and they have siblings.

you would have each image in an image tag, and each group of those in a div

when an image scrolls down and becomes outside of the visible border of the div, you can then move it back to the top ready for another scroll down. This would give you a never ending scrolling effect of images.....until of course you want them to stop.

You can then obviously have 3 of these in a row, and have the image locations in an array and a randomizer function at the start to populate the divs with a random order of images.

Each image tag will also have a title attribute saying what the image actually is, and this is what you would use to check.

So it is very possible to do is JS, but not a small job.

have fun and holla back if you need help....to the forums.

Merlin!
×

Success!

Help @disciple1979 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.20,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...