/    Sign up×
Community /Pin to ProfileBookmark

Image Flip

Copy linkTweet thisAlerts:
Apr 29.2006

helloz! i am newby in HTML.i try to make a site with your help ofcourse but it’s something that i cant understand.i follow [url=http://www.htmlgoodies.com/tutorials/web_graphics/article.php/3479941]this guide[/url] and i want to add more images flip in the same page.i can’t understand how can i do that??

[url=http://l2hacks.freehostia.com/]here[/url] is my page!i want to do all buttons like “news” button.

sorry for bad english and newbie questions and thanx in advance…

the “Downloads” button is [url]http://l2hacks.freehostia.com/logo/logo5ON.gif[/url] (and logo5OFF.gif)
the “Help us” button is [url]http://l2hacks.freehostia.com/logo/logo7ON.gif[/url] (and logo7OFF.gif)
the “Forum” button is [url]http://l2hacks.freehostia.com/logo/logo11ON.gif[/url] (and logo11OFF.gif)
the “Links” button is [url]http://l2hacks.freehostia.com/logo/logo13ON.gif[/url] (and logo13OFF.gif)
the “Exit” button is [url]http://l2hacks.freehostia.com/logo/logo15ON.gif[/url] (and logo15OFF.gif)

if someone do fix it for me i (i don’t know the correct english word? sorry i am from greece?)

to post a comment
JavaScript

7 Comments(s) ↴

Copy linkTweet thisAlerts:
@jnosterApr 29.2006 — if you have alternate images for the other links to change to then just use the same code as was used for the 'news' link. Of course you don't want to use the same names of the graphical files, but each graphical file will have to have its own name. It may be as simple as copy and paste, then change the graphical files names to the right ones.
Copy linkTweet thisAlerts:
@AgahnimauthorApr 30.2006 — thank for answering!the problem is that i dont know where exactly to put the html codes for the 2nd picture.if you can make an example with the button news and the button downloads form my site.here's the html command:

<!-- hide from none JavaScript Browsers

Image1= new Image(75,50)

Image1.src = "http://l2hacks.freehostia.com/logo/logo3OFF.gif"

Image2 = new Image(75,50)

Image2.src = "http://l2hacks.freehostia.com/logo/logo3ON.gif"

function SwapOut() {

document.imageflip.src = Image2.src; return true;

}

function SwapBack() {

document.imageflip.src = Image1.src; return true;

}

// - stop hiding -->

</SCRIPT>

i want you to edit this code and add http://l2hacks.freehostia.com/logo/logo15ON.gif and http://l2hacks.freehostia.com/logo/logo15OFF.gif i think you understand me...thanx in advance
Copy linkTweet thisAlerts:
@AgahnimauthorApr 30.2006 — plz somebody....is very important??
Copy linkTweet thisAlerts:
@AgahnimauthorMay 01.2006 — i made it!but i think this isn't the correct way...

<SCRIPT LANGUAGE="JavaScript">

<!-- hide from none JavaScript Browsers

Image1= new Image(75,50)

Image1.src = "http://l2hacks.freehostia.com/uploads/logo/logo3OFF.gif"

Image2 = new Image(75,50)

Image2.src = "http://l2hacks.freehostia.com/uploads/logo/logo3ON.gif"

function SwapOut() {

document.news.src = Image2.src; return true;

}

function SwapBack() {

document.news.src = Image1.src; return true;

}

Image3= new Image(75,50)

Image3.src = "http://l2hacks.freehostia.com/uploads/logo/logo5OFF.gif"

Image4 = new Image(75,50)

Image4.src = "http://l2hacks.freehostia.com/uploads/logo/logo5ON.gif"

function SwapOut2() {

document.downloads.src = Image4.src; return true;

}

function SwapBack2() {

document.downloads.src = Image3.src; return true;

}

// - stop hiding -->

</SCRIPT>



...that's the only way???

help me to fix it
Copy linkTweet thisAlerts:
@felgallMay 01.2006 — I have a code generator at http://javascript.about.com/library/blmo.htm that can create the Javascript and HTML for as many images as you are likely to want to use on the same page. It automatically gives them names that don't clash.
Copy linkTweet thisAlerts:
@AgahnimauthorMay 01.2006 — well thanx but when i tick the "add reply" button it says "Invalid character(s) entered in original filename" ??
Copy linkTweet thisAlerts:
@felgallMay 01.2006 — Well a filename is only allowed to contain certain characters so the form validates that you didn't enter an ilegal character in the name. The filenames in your posted code don't cotain illegal characters but they are specified as absolute rather than relative addresses so perhaps that is the problem. There is never any need to use absolute addresses for images.
×

Success!

Help @Agahnim 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.19,
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,
)...