Welcome to TalkGraphics.com
Results 1 to 6 of 6
  1. #1
    Join Date
    Nov 2000
    Location
    Asuncion, Paraguay
    Posts
    23

    Default

    Would anybody like to send me or explain how to create Javascript Rollovers?
    Thank you very much
    Juan Gabriel
    Paraguay, South America

    --

  2. #2
    Join Date
    Nov 2000
    Location
    Asuncion, Paraguay
    Posts
    23

    Default

    Would anybody like to send me or explain how to create Javascript Rollovers?
    Thank you very much
    Juan Gabriel
    Paraguay, South America

    --

  3. #3
    Join Date
    Aug 2000
    Location
    UK
    Posts
    391

    Default

    Juan

    Xara X creates complete rollovers (buttons and code) and shows you how to do it in the help file.

    If you want to do it yourself, the attached code snippet should help. The coloured text is what you have to replace with your own names, the black is fixed.

    The script section pre-loads the mouseover image so that it is instantly available when the cursor moves over the button. The <font face="Courier New, Courier" color="#ff0000">unique_dummy_name</font> can be anything but must be unique because it's a variable that holds the image. It's only used in the script section.

    The <font face="Courier New, Courier" color="#0000ff">unique_button_name</font> must be a unique name associated with the button. It links the event trapping commands with <font face="Courier New, Courier">img</font> tag.

    The <font color="#008000" face="Courier New, Courier">mouseover.gif</font>, <font color="#008000" face="Courier New, Courier">mouseoff.gif</font> and <font color="#008000" face="Courier New, Courier">destination_page.htm</font> are self-explanatory, however the use of <font color="#008000" face="Courier New, Courier">default.gif</font> may not be so obvious. <font color="#008000" face="Courier New, Courier">default.gif</font> is the image that appears before the mouseover event and is loaded by default. For simple rollovers it is the same as <font color="#008000" face="Courier New, Courier">mouseoff.gif</font>, but you could have an entirely different image that gets replaced by <font color="#008000" face="Courier New, Courier">mouseover.gif</font> / <font color="#008000" face="Courier New, Courier">mouseoff.gif</font> the first time the cursor passes over. If that's the effect you want, it will be necessary to add an additional pre-load section to the script block for <font color="#008000" face="Courier New, Courier">mouseoff.gif</font>.

    Regards - Sean
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	Rollover.png 
Views:	408 
Size:	2.4 KB 
ID:	15585  
    Regards - Sean

  4. #4
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    41,650

    Default

    Hello Juan

    There is a tutorial in this month's WebXealot #19 in The Insider Area

    Gary

    Gary Priester

    Moderator Person

    Be It Every So Humble...

  5. #5
    Join Date
    Aug 2000
    Location
    Nieuw-Vennep Holland
    Posts
    28

    Default

    Hello Gary is'nt it time now to openup xarainsider
    for the outsiders now. I have a username and a password for the xara-account.


    greatings Harrie from Holland

  6. #6
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    41,650

    Default

    I don't know, Harrie, should we take a poll? [img]/infopop/emoticons/icon_confused.gif[/img]

    Gary

    Gary Priester

    Moderator Person

    Be It Every So Humble...

 

 

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •