Comic Genesis Forums

Is there a way to make a (simple) on-mouse rollover on the comic navigation links with the tags (i.e. ***todays_comics***)? If not, can someone help me with the actual code I need if I have to create the navigation?

I know how to do rollover buttons in flash...if that helps.

Are you talking about buttons or text? For rollover text links, I believe you'd use the same tags as you would otherwise for any other text.

For buttons, you can make them using such program (such as Flash or Imageready) and save it as previous_day.(extension), next_day, first_day, and last_day, and simply upload them into your images folder.

Image links. And I mean for using rollovers (or mouse overs) with the tags for ***first_day***, ***last_day***, etc. I know how to make rollovers. I just want to know how I can associate the code with the Keenspace tags.

Keenspace Gear to the rescue! http://gear.keenspace.com/scripts/rollovers.html

Short version: you replace the 4 KeenTags (***whatever***) with a call to a JavaScript (JS) function that's loaded with the page (but from a .js file). You'll need "not over (normal)" and "over" versions of all 4 tags, plus some "disabled" (for the first and last of your archive).

In the given JS file, you must replace all height/width parameters to whatever you need (they're in red).

There's another: http://gear.keenspace.com/scripts/rollovers2.html I'm not quite sure what the difference is; I'm no JS expert. This does require more image files -- that much is clear.

Either way, just follow the instructions on the linked pages. It looks pretty straightforward.

(These are not my creations; I'm just the messenger. No guarantees. Please don't hurt me.)

No problem. I just wanted to know this for future reference. Right now, I don't want my site to be uber-flashy, but when the time may come...

Thanks.

You can do it using adobe imageready or did I read that wrong?

FoxFang wrote:You can do it using adobe imageready or did I read that wrong?

You did, yes. The problem isn't the rollovers but getting Keenspace to use them. It wasn't made with rollovers in mind.

Is it just me or does Autokeen need a massive update?

- Joel Fagin

Actually it works perfectly fine on my website and I use flash. Just put the button in the public folder and make sure that the coding is pointing to the right file so it shows up.

Well, like I said, I know how to make rollovers. I use ImageReady.

I was just wondering if I could use the rollover function with the ***tags***...

Short answer, no.

Long(er) answer, The nav buttons are named but do not have an id. If you were a javascript guru you might be able to pull it off. Since the code is generated, and you're using a program to make the rollovers, I think you're out of luck.

Ah. Alright, then. That's good to know.

Well I wouldn't call myself a javascript guru but I have found a way to make rollovers work.

Now the problem with image swapping is all of the tags are generated for us, but what we can do, since the images are named, is make a table with a border of 0 and a different cell for each image. Now, as properties of these individual cells we have the image swapping script.

With simple navigation the code would look something like this:
Please note that for this code to work, the image that you want the navigation buttons to transform into when the mouse is over them must be named WHATEVER_day_visited.jpg where WHATEVER is the name of the button that you're trying to swap with.

Also note that although all of this code should work, only the previous day swap has been tested.

This is a little addendum to my previous post that just occured to me: You probably need to preload the images so that there's not that awkward pause the first time the mouse rolls over the button.