zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Image Change ?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 17.02.2007, 20:01
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 28.12.2006
Beiträge: 294
meGa befindet sich auf einem aufstrebenden Ast
Standard Image Change ?

Hi Jungs,

wie kann ich es machen, das wenn man mit der Mause über diesen li geht:

Code:
<li id="button1">
			<div class="buttonlink" style="padding-left: 53px"><a href="#">Movies</a></div>
			<div class="buttontext">DVD, HDTV, Serien, Doku</div>
		</li>
das der background von der id=button1 sich ändert ?

Code:
#button1 {
background-image: url(Bilder/index_02.jpg);
height: 69px;
width: 151px;
}
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 17.02.2007, 20:10
Benutzerbild von hemfrie
Administrator
XHTMLforum-Kenner
 
Registriert seit: 18.12.2003
Ort: Düsseldorf
Beiträge: 2.777
hemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannt
Standard

Für diesen Fall kannst Du komplett auf Javascript verzichten.

Code:
#button1 {
background-image: url(Bilder/index_02.jpg);
height: 69px;
width: 151px;
}

#button1:hover {
background-image: url(Bilder/anderes_bild.jpg);
height: 69px;
width: 151px;
}
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 18.02.2007, 00:43
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 28.12.2006
Beiträge: 294
meGa befindet sich auf einem aufstrebenden Ast
Standard

Geht aber nur bei Firefox bei mir IE7 machts nicht wieso ?

Edit: kann ich es vielleicht mit diesen Funktionen machen

Code:
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

Geändert von meGa (18.02.2007 um 01:03 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 18.02.2007, 01:07
Benutzerbild von hemfrie
Administrator
XHTMLforum-Kenner
 
Registriert seit: 18.12.2003
Ort: Düsseldorf
Beiträge: 2.777
hemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannt
Standard

hmm, das geht auch im IE7. Hast Du vielleicht einen Link oder kannst den Code hier mal posten ?
Mit Zitat antworten
  #5 (permalink)  
Alt 18.02.2007, 01:09
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 28.12.2006
Beiträge: 294
meGa befindet sich auf einem aufstrebenden Ast
Standard

Nee sorry aber kann ich es irgendwie mit den Javascript Funktionen machen ?
Mit Zitat antworten
  #6 (permalink)  
Alt 18.02.2007, 01:09
Benutzerbild von hemfrie
Administrator
XHTMLforum-Kenner
 
Registriert seit: 18.12.2003
Ort: Düsseldorf
Beiträge: 2.777
hemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannt
Standard

Das Javascript was Du da zeigst ist ganz böses gefummel. Wahrscheinlich von Dreamweaver. Vor allem ist es für Deinen Zweck überhaupt nicht notwenig, da das ganze auch per CSS lösbar sein müsste.
Mit Zitat antworten
  #7 (permalink)  
Alt 18.02.2007, 01:10
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 28.12.2006
Beiträge: 294
meGa befindet sich auf einem aufstrebenden Ast
Standard

Nee ich glaube das ist von Photoshop.
Mit Zitat antworten
  #8 (permalink)  
Alt 18.02.2007, 01:13
Benutzerbild von hemfrie
Administrator
XHTMLforum-Kenner
 
Registriert seit: 18.12.2003
Ort: Düsseldorf
Beiträge: 2.777
hemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannt
Standard

Wie dem auch sei, ist auf jeden Fall Fusch Schau nochmal Dein CSS an, das geht auf jeden Fall per CSS.
Mit Zitat antworten
  #9 (permalink)  
Alt 18.02.2007, 01:16
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 28.12.2006
Beiträge: 294
meGa befindet sich auf einem aufstrebenden Ast
Standard

Ok aber ich finde das mit dem Image Preload wichtig weil sonst sind erstmal ganz kurz weiße flächen gibt es da eine gute Funktion ?

im IE7 gehts nicht bei mir ich habe es so wie du es oben geschrieben hattest im Firefox gehts auch
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 20.02.2007, 11:36
Neuer Benutzer
neuer user
 
Registriert seit: 05.12.2006
Beiträge: 21
Küspert befindet sich auf einem aufstrebenden Ast
Standard

Hast du zufällig dem Bild ein :hover gegeben ?

Der IE macht doch :hover nur auf a, richtig ?
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Stretch Image in Tabellenzelle Hanfgranate (X)HTML 1 23.06.2010 23:13
mouseover problem Basti82 Javascript & Ajax 0 13.10.2008 14:17
CSS Hack dalmidog CSS 1 28.03.2008 17:32
Imagemap Zugriff bei einer Gallery Sarah14 Javascript & Ajax 3 12.11.2007 14:06


Alle Zeitangaben in WEZ +2. Es ist jetzt 20:30 Uhr.