[Solved] invert colors onMouseover?

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

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

Απάντηση
Άβαταρ μέλους
fmayakos
Honorary Member
Δημοσιεύσεις: 1249
Εγγραφή: 23 Ιούλ 2001 03:00
Τοποθεσία: Θεσσαλονίκη

[Solved] invert colors onMouseover?

Δημοσίευση από fmayakos » 21 Μάιος 2004 00:07

Υπάρχει τρόπος να κάνω ενα gif να αντιστρέφει τα χρώματά του όταν περνά
ο πόντικας από πάνω του;
Αυτό μάλλον μόνο με Java γίνεται αλλά πάλι εσείς όλο (ευχάριστες) εκπλήξεις μου είστε!
Αν είναι java θα το πάω μόνος μου στο αντίστοιχο θέμα... (μαζεύω μόνος μου τα σκουπίδια μου!)
Τελευταία επεξεργασία από το μέλος fmayakos την 06 Ιουν 2004 00:01, έχει επεξεργασθεί 1 φορά συνολικά.

Άβαταρ μέλους
patriot
Honorary Member
Δημοσιεύσεις: 1590
Εγγραφή: 20 Αύγ 2002 19:21
Τοποθεσία: Σπίτι μου!

[Solved] invert colors onMouseover?

Δημοσίευση από patriot » 21 Μάιος 2004 00:39

Έτσι όπως το λες είναι σαν να εννοείς με μόνο ΕΝΑ gif. Δεν νομίζω να γίνεται κάτι τέτοιο. Δεν έχω βρει τουλάχιστον εγώ μέχρι σήμερα. Σου δίνω 2 κώδικες μήπως και σου χρειαστούν αλλά δεν νομίζω να σε βοηθήσουν αν εννοείς με μόνο ένα image...

Κώδικας πρώτος, μέρος πρώτο

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

<script language="JavaScript" type="text/javascript">
<!--
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_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_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>
Κώδικας πρώτος μέρος δεύτερο

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

<a href="http&#58;//www.yahoo.com" onMouseOut="MM_swapImgRestore&#40;&#41;" onMouseOver="MM_swapImage&#40;'Image4','','changed_but_onmouseover.gif',1&#41;">
<img src="regular_but_onmouseover.gif" name="Image4" width="130" height="15" border="0" alt="to alt"></a>
***************************************************************************

Κώδικας δεύτερος, μέρος πρώτο

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

<script language="JavaScript1.2">
<!-- Distributed by Hypergurl http&#58;//www.hypergurl.com -->

function changeto&#40;highlightcolor&#41;&#123;
source=event.srcElement
if &#40;source.tagName=="TR"||source.tagName=="TABLE"&#41;
return
while&#40;source.tagName!="TD"&#41;
source=source.parentElement
if &#40;source.style.backgroundColor!=highlightcolor&&source.id!="ignore"&#41;
source.style.backgroundColor=highlightcolor
&#125;

function changeback&#40;originalcolor&#41;&#123;
if &#40;event.fromElement.contains&#40;event.toElement&#41;||source.contains&#40;event.toElement&#41;||source.id=="ignore"&#41;
return
if &#40;event.toElement!=source&#41;
source.style.backgroundColor=originalcolor
&#125;
</script>
Κώδικας δεύτερος, μέρος δεύτερο

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

<table onMouseover="changeto&#40;'lightgreen'&#41;" onMouseout="changeback&#40;'white'&#41;"> 
<tr><td>54325432t4</td></tr></table>
1) Για όποιον γράφει με πολυτονικά....
2) Καλά ακόμα να συνηθίσετε την ιδέα ότι δεν γράφουμε ούτε με greeklish ούτε με κεφαλαία;

Άβαταρ μέλους
agrippas
Script Master
Δημοσιεύσεις: 494
Εγγραφή: 18 Ιούλ 2002 14:52
Τοποθεσία: Υπερπέραν
Επικοινωνία:

[Solved] invert colors onMouseover?

Δημοσίευση από agrippas » 21 Μάιος 2004 04:51

Δεν είναι μόνο javascript ούτε μόνο css αλλά συνδυασμός δηλαδή DHTML.

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

<img src="blablabla" onMouseOver="this.style.filter = 'Invert&#40;&#41;';"
 onMouseOut="this.style.filter = 'none';">
Αυτά για Internet Explorer. Για τους κανονικούς browsers, κάνε αυτό που σου είπε ο patriot.

Άβαταρ μέλους
fmayakos
Honorary Member
Δημοσιεύσεις: 1249
Εγγραφή: 23 Ιούλ 2001 03:00
Τοποθεσία: Θεσσαλονίκη

[Solved] invert colors onMouseover?

Δημοσίευση από fmayakos » 21 Μάιος 2004 23:08

Σας ευχαριστώ και τους δύο.
Δεν προλαβαίνω να τα δοκιμάσω αυτές τις μέρες.
Μετά τις εξετάσεις θα τα τσεκάρω αλλά μάλλον αυτό
που πρότεινε ο φίλος agrippas είναι αυτό ακριβώς
που έψαχνα.
Θα δω και θα σας πω!
Ευχαριστώ και πάλι!

Απάντηση

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

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

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