ποντικη πανω και αληγεί

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
stonekito
Δημοσιεύσεις: 599
Εγγραφή: 20 Φεβ 2004 18:07
Τοποθεσία: Greece-kavala
Επικοινωνία:

ποντικη πανω και αληγεί

Δημοσίευση από stonekito » 26 Απρ 2004 18:02

Γεια σας , θα ήθελα μια απάντηση πάνω σε html..
Θέλω να ένα κώδικα που όταν έχω μια Φώτο και πάω να βάλλω το ποντίκι πάνω σε αυτήν να εμφανίζεται μια άλλη,

Από ότι θυμάμαι κάτι με #mouseover

Άβαταρ μέλους
Expl0it
Honorary Member
Δημοσιεύσεις: 2364
Εγγραφή: 25 Αύγ 2003 23:24
Τοποθεσία: home/sweet/home

ποντικη πανω και αληγεί

Δημοσίευση από Expl0it » 26 Απρ 2004 18:37

Βάζεις στο <head> της σελίδας τον κώδικα :

Κώδικας: Επιλογή όλων

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore&#40;&#41; &#123; //v3.0
  var i,x,a=document.MM_sr; for&#40;i=0;a&&i<a.length&&&#40;x=a&#91;i&#93;&#41;&&x.oSrc;i++&#41; x.src=x.oSrc;
&#125;

function MM_preloadImages&#40;&#41; &#123; //v3.0
  var d=document; if&#40;d.images&#41;&#123; if&#40;!d.MM_p&#41; d.MM_p=new Array&#40;&#41;;
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for&#40;i=0; i<a.length; i++&#41;
    if &#40;a&#91;i&#93;.indexOf&#40;"#"&#41;!=0&#41;&#123; d.MM_p&#91;j&#93;=new Image; d.MM_p&#91;j++&#93;.src=a&#91;i&#93;;&#125;&#125;
&#125;

function MM_findObj&#40;n, d&#41; &#123; //v4.01
  var p,i,x;  if&#40;!d&#41; d=document; if&#40;&#40;p=n.indexOf&#40;"?"&#41;&#41;>0&&parent.frames.length&#41; &#123;
    d=parent.frames&#91;n.substring&#40;p+1&#41;&#93;.document; n=n.substring&#40;0,p&#41;;&#125;
  if&#40;!&#40;x=d&#91;n&#93;&#41;&&d.all&#41; x=d.all&#91;n&#93;; for &#40;i=0;!x&&i<d.forms.length;i++&#41; x=d.forms&#91;i&#93;&#91;n&#93;;
  for&#40;i=0;!x&&d.layers&&i<d.layers.length;i++&#41; x=MM_findObj&#40;n,d.layers&#91;i&#93;.document&#41;;
  if&#40;!x && d.getElementById&#41; x=d.getElementById&#40;n&#41;; return x;
&#125;

function MM_swapImage&#40;&#41; &#123; //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for&#40;i=0;i<&#40;a.length-2&#41;;i+=3&#41;
   if &#40;&#40;x=MM_findObj&#40;a&#91;i&#93;&#41;&#41;!=null&#41;&#123;document.MM_sr&#91;j++&#93;=x; if&#40;!x.oSrc&#41; x.oSrc=x.src; x.src=a&#91;i+2&#93;;&#125;
&#125;
//-->
</script>
To <body> το κάνεις :

Κώδικας: Επιλογή όλων

<body onLoad="MM_preloadImages&#40;'picture1.gif','picture2.gif'&#41;">
Και εκεί που θέιλεις να εμφανίσεται η φωτογραφία βάζεις τον κώδικα :

Κώδικας: Επιλογή όλων

<a href="URL" onMouseOut="MM_swapImgRestore&#40;&#41;" onMouseOver="MM_swapImage&#40;'Image1','','picture2.gif',1&#41;"><img src="picture1.gif" name="Image1" width="xx" height="xx" border="0"></a>
Το Image1 μπορείς να το ονομάσεις όπως θέλεις εσύ ! Είναι απλώς ο τίτλος του Rollover Image !
LET THE C0DER IN YOUR LIFE
Fatal Error: Unable to read 3555 bytes in /root/head/brain/task.php on line 0

Εικόνα

Άβαταρ μέλους
YTC
Δημοσιεύσεις: 244
Εγγραφή: 12 Μάιος 2003 19:33
Τοποθεσία: Brussels / Athens
Επικοινωνία:

ποντικη πανω και αληγεί

Δημοσίευση από YTC » 26 Απρ 2004 19:57

Η απλά ανοίγεις το Dreamweaver και πατάς insert>interactive images>rollover, και μετά διαλέγεις τις εικόνες που θες :)

Άβαταρ μέλους
ThyClub
Honorary Member
Δημοσιεύσεις: 5312
Εγγραφή: 17 Νοέμ 2003 00:21
Τοποθεσία: Hell's Kitchen
Επικοινωνία:

ποντικη πανω και αληγεί

Δημοσίευση από ThyClub » 27 Απρ 2004 00:21

Η απλά με css:
#image
{
background-image: first.png
}
#image:hover
{
background-image: second.png
}
:wink:

Απάντηση

Επιστροφή στο “HTML και XHTML”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης