Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 34
Seite < 1 [2]
reVerB


Geekboy




Beiträge: 1237
 # Antwort: 21 - 30.12.2007 um 04:16 Uhr
Rollover mit CSS und die Bilder Preloaden lassen. Zack und schon klappt das. Glaub mir ^^


Offline
|
1a Schnitzel


Going for pro





Beiträge: 518
 # Antwort: 22 - 30.12.2007 um 04:19 Uhr
Naja hab auch nen Java rollover und das klappt auch wenn mans richtig macht

Ist halt immer so ne Glaubensfrage bei solchen sachen ob nun mit css oder mit Java, aber Preloaden würd ich die Bilder auch, hat einige Vorteile.


Inaktiv
|
reVerB


Geekboy




Beiträge: 1237
 # Antwort: 23 - 30.12.2007 um 04:27 Uhr
Ich lasse sie meist nur bei Rollover Preloaden. Alles andere hat keinen Sinn, da die Grafiken ehhh gleich angezeigt werden und dann sowieso runtergeladen werden müssen.


Offline
|
VooDooAlex


Poststar




Herkunft: Coburg
Beiträge: 691
 # Antwort: 24 - 30.12.2007 um 12:47 Uhr
Die js Datei ist mit in der index.htm.

Hier die index.htm:

mehr... +-
<!-- $Id: index.htm 232 2006-08-19 16:07:22Z hajo $ -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{func:title}</title>
<meta http-equiv="Content-Type" content="text/html; charset={func:charset}" />
{clansphere:navmeta}
<link href="clansphere.css" rel="stylesheet" type="text/css" />
<link rel="alternate" type="application/rss+xml" href="../../uploads/rss/news.xml" />
<script>

<!--

if (document.images) {

beispielon = new Image();
beispielon.src = "/templates/apple/Bilder/spieldummy.gif";
beispieloff = new Image();
beispieloff.src = "/templates/apple/Bilder/spiel1.gif";

}

function turnOn(imageName) {
if (document.images) {
document[imageName].src = eval(imageName + "on.src");
}
}

function turnOff(imageName) {
if (document.images) {
document[imageName].src = eval(imageName + "off.src");
}
}

// -->
</script>


</head>
<body>
<div id="spiel1"><a href="buttons1.html" onmouseover="turnOn('beispiel')" onmouseout="turnOff('beispiel')">
<img src="Bilder/spiel1.gif" width="72" height="70" border="0" alt="Beispiel" name=beispiel>
</a></div>
</body>
</html>


Da wo die index.htm steht, habe ich einen Ordner erstellt mit den beiden Bildern drin.

Wie gesagt offline geht ja alles.

Gruß Alex


------------------
Inaktiv
|
1a Schnitzel


Going for pro





Beiträge: 518
 # Antwort: 25 - 30.12.2007 um 13:02 Uhr
http://voodoogaming.vo.funpic.de/templates/apple/Bilder/spiel1.gif
http://voodoogaming.vo.funpic.de/templates/apple/Bilder/spieldummy.gif

Da sind aber keine Bilder


EDIT:
Schau dir mal deine Bildernamen an, du hast sie im script einfach nur falsch benannt da du dort die Bildernamen klein geschrieben hat, aber die Bildernamen sind groß geschrieben:
http://voodoogaming.vo.funpic.de/templates/apple/Bilder/

Gewöhn dir in Zukunfst an alles klein zu schreiben, dann passiert sowas auch nicht.
Sagte ich doch gleich das es wohl nur an der Verlinkung der Bilder liegt




Zuletzt editiert von Spedie am 30.12.2007 um 13:20 Uhr (5x Editiert)
Inaktiv
|
VooDooAlex


Poststar




Herkunft: Coburg
Beiträge: 691
 # Antwort: 26 - 30.12.2007 um 13:32 Uhr
Danke für die Hilfe. Daran hat es gelegen.
Habe immer nur auf den Pfad geschaut, daß er paßt. Komisch nur das es offlin immer ging. Da ist anscheinend die Groß- und kleinschreibung egal.

Gruß Alex


------------------
Inaktiv
|
Nils Riel


Beginner




Beiträge: 16
 # Antwort: 27 - 30.12.2007 um 14:02 Uhr
Wofür Javascript? Wofür preloaden? Es geht alles viel besser:

folgendes in den Body:


<a href="#"><span>News</span></a>


dazu dieses CSS:


a {
display: block;
height: 20px;
width:20px;
background: url(image.jpg) top;
}

a:hover {
background-position: bottom;
}

a span {
display: none;
}


So, das Bild besteht einfach aus dem Normalen + Rollover, beides in einem Bild untereinander. Über die background-position wechselt er jetzt einfach die Bildposition. So müsst ihr nichts preloaden und braucht auch kein Javascript


Zuletzt editiert von Nils Riel am 30.12.2007 um 14:02 Uhr (1x Editiert)
Inaktiv
|
1a Schnitzel


Going for pro





Beiträge: 518
 # Antwort: 28 - 30.12.2007 um 14:07 Uhr
Wie hier schonmal geschrieben, es ist bei solchen Sachen immer eine Glaubensfrage ob nun Java oder css.
Er hat sich nunmal für Java entschieden und da sehe ich kein Problem drinne.
Inaktiv
|
Nils Riel


Beginner




Beiträge: 16
 # Antwort: 29 - 30.12.2007 um 14:56 Uhr
Es ist keine Frage des Glaubens, sondern eine Frage der Usability. Meine Methode braucht nicht nur viel weniger Zeilen Code, sie funktioniert bei jedem User, auch wenn Javascript nicht aktiviert wurde


Inaktiv
|
VooDooAlex


Poststar




Herkunft: Coburg
Beiträge: 691
 # Antwort: 30 - 30.12.2007 um 19:13 Uhr
Wenn ich das mit css mache, wird doch jeder link so, oder?
Ich habe aber lauter verschiedene rollovers.
Wie weiße ich die dann zu?

Gruß Alex


------------------
Inaktiv
|
Fr33z3m4n ClanSphere Team


Medal of Honor




Herkunft: Hamm
Beiträge: 11094
 # Antwort: 31 - 30.12.2007 um 19:33 Uhr
du kannst auch verschiedene divs oder classes mit verschiedenen link attributen versehen.

Bsp:

#div a:link { } ...


------------------
mfg
Patrick "Fr33z3m4n" Jaskulski

Antoine de Saint-Exupéry: Wenn Du ein Schiff bauen willst, so trommle nicht Männer zusammen, um Holz zu beschaffen, Aufgaben zu verteilen, sondern lehre die Männer die Sehnsucht nach dem endlosen weiten Meer.

Inaktiv
|
VooDooAlex


Poststar




Herkunft: Coburg
Beiträge: 691
 # Antwort: 32 - 30.12.2007 um 20:20 Uhr
Ich hab mir das rein interesse halber noch einmal angeschaut, wie man es mit CSS und Div hinbekommt.

So gehts jetzt bei mir:

mehr... +-
Index.htm:

<div id="spiel2"><a HREF="http://voodoogaming.de"></a></div>


CSS:

#spiel2 {
height: 70px;
width: 72px;
}

#spiel2 a {
display: block;
height: 70px;
width: 72px;
background-image:url(Bilder/spiel2.jpg);
}

#spiel2 a:hover{
background-position: bottom;
background-image:url(Bilder/spieldummy.jpg);
}


Denke, so schaft es dann jeder mit CSS.

Gruß Alex


------------------




Zuletzt editiert von Alex1631 am 30.12.2007 um 20:26 Uhr (1x Editiert)
Inaktiv
|
Nils Riel


Beginner




Beiträge: 16
 # Antwort: 33 - 30.12.2007 um 21:50 Uhr
Das mit dem Background hast du nicht ganz verstanden So gibt es eine kurze Verzögerung, da das Bild erst noch geladen werden muss. Also normal + rollover in einem Bild und über position die Anzeige wechseln.


Inaktiv
|
VooDooAlex


Poststar




Herkunft: Coburg
Beiträge: 691
 # Antwort: 34 - 30.12.2007 um 22:45 Uhr
Hab es ja mit deinem versucht. Das mit dem top hat aber nicht hingehauen im IE Explorer. Deshalb hab ich es so gemacht .
Das mit dem neu laden ist nicht so schlimm, bilder sind bei mir ziemlich klein.

Gruß Alex


------------------
Inaktiv
|
Antworten: 34
Seite < 1 [2]


Sie müssen sich registrieren, um zu antworten.