Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
caZpa
Account gelöscht
Ort: -
|
Verfasst Mi 04.08.2004 20:00
Titel
|
|
|
swooby hat geschrieben: | ..::Eisdealer hat geschrieben: | swooby hat geschrieben: | mhh ja, und die sache dass sich das Bild "mit dem cursor" mitbewegt?! |
da bin ich dann leider überfragt |
heieiei, erst lesen, dann anschauen und dann antworten! |
sorry... übersehen... aber da kenn ich auchn script... ich such ma
|
|
|
|
|
..::Eisdealer
Dabei seit: 15.03.2002
Ort: -
Alter: 44
Geschlecht:
|
Verfasst Mi 04.08.2004 20:06
Titel
|
|
|
swooby hat geschrieben: | ..::Eisdealer hat geschrieben: | swooby hat geschrieben: | mhh ja, und die sache dass sich das Bild "mit dem cursor" mitbewegt?! |
da bin ich dann leider überfragt |
heieiei, erst lesen, dann anschauen und dann antworten! |
ok, jetzt zeig mir bitte mal wo da steht, das das bild dem cursor folgt? auf fourmusic habe ich davon leider nichts bemerkt.
Zitat: | ich probier herum und komm nicht drauf, wahrscheinlich wie immer ein (hoffentlich) Logikfehler. Ich versuche diese Sache mit den "Rollover Bildern" hinbekommen. Geht mal über die Textlinks mit den Artists und ihr wisst was ich meine. Im Quelltext steht ne Menge trotzdem bekomme ich das mit Javascript nicht hin.
vielleciht hat jemand einen Dummycode für mich oder einen Link zur Anleitung für "programmier" Eingeschränkte.. |
mein tip ging ja schon in die richtige richtung, aber nun gut, ich hätte ja auch schreiben können: suchfunktion benutzen, googlen etc. hab ich nicht, stattdessen habe ich versucht dir zu helfen.
na ja, whatever. viel glück noch beim probieren...
cu
e°
|
|
|
|
|
Anzeige
|
|
|
swooby
Threadersteller
Dabei seit: 28.05.2002
Ort: Freiburg
Alter: 104
Geschlecht:
|
Verfasst Mi 04.08.2004 20:10
Titel
|
|
|
..::Eisdealer hat geschrieben: | swooby hat geschrieben: | ..::Eisdealer hat geschrieben: | swooby hat geschrieben: | mhh ja, und die sache dass sich das Bild "mit dem cursor" mitbewegt?! |
da bin ich dann leider überfragt |
heieiei, erst lesen, dann anschauen und dann antworten! |
ok, jetzt zeig mir bitte mal wo da steht, das das bild dem cursor folgt? auf fourmusic habe ich davon leider nichts bemerkt.
Zitat: | ich probier herum und komm nicht drauf, wahrscheinlich wie immer ein (hoffentlich) Logikfehler. Ich versuche diese Sache mit den "Rollover Bildern" hinbekommen. Geht mal über die Textlinks mit den Artists und ihr wisst was ich meine. Im Quelltext steht ne Menge trotzdem bekomme ich das mit Javascript nicht hin.
vielleciht hat jemand einen Dummycode für mich oder einen Link zur Anleitung für "programmier" Eingeschränkte.. |
mein tip ging ja schon in die richtige richtung, aber nun gut, ich hätte ja auch schreiben können: suchfunktion benutzen, googlen etc. hab ich nicht, stattdessen habe ich versucht dir zu helfen.
na ja, whatever. viel glück noch beim probieren...
cu
e° |
war nicht so ernst gemeint wies vielleicht da stand...
|
|
|
|
|
caZpa
Account gelöscht
Ort: -
|
Verfasst Mi 04.08.2004 20:15
Titel
|
|
|
gefunden!
in den header:
Code: | <SCRIPT language=JavaScript type=text/JavaScript>
var startHTML = '<img src="bg.gif" width="150" height="5"><p id="tiptext" class="pad">';
var endHTML = '<\/p>';
var active = false;
var remove;
var w3c = (document.getElementById) ?true:false;
var iex = (document.all) ?true:false;
var ns4 = (document.layers) ?true:false;
var supported = (w3c || iex) ?true:false;
function mousemoved(evt){
if(iex){
mx = window.event.clientX+document.body.scrollLeft;
my = window.event.clientY+document.body.scrollTop;
obj = document.all.tooltip;
}
else if (w3c){
mx = evt.pageX+window.pageXOffset;
my = evt.pageY+window.pageYOffset;
obj = document.getElementById('tooltip');
}
if(active){
obj.style.visibility = 'visible';
obj.style.left = mx+50;
obj.style.top = my-20;
}
else{
obj.style.visibility = 'hidden';
}
}
function show(msg){
if(iex){
document.all['tooltip'].innerHTML = startHTML+msg+endHTML;
}
else if(w3c){
document.getElementById('tooltip').innerHTML = startHTML+msg+endHTML;
}
if(remove){
clearTimeout(remove);
}
active = true;
}
function hide(){
remove = setTimeout('active = false;',500);
active = false;
}
if(supported){
document.onmousemove = mousemoved;
}
</SCRIPT> |
style:
Code: | <STYLE type=text/css>#tooltip {
BACKGROUND-COLOR: #e1e1cd; BORDER-BOTTOM: #c79478 1px solid; HEIGHT: auto; LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; WIDTH: 150px; Z-INDEX: 1000
}
P.pad {
PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px
}
</STYLE> |
der link:
Code: | <P>
<A href="#" onmouseout=hide() onmouseover="show('bla bla bla text')">Link</A>
</P> |
hintergrundbild bei mouseover:
Code: | <DIV id=tooltip><IMG height=5 src="bg.gif"
width=150></DIV> |
weiß aber leider nicht, wie du bei verschiedenen links verschiedene bilder anzeigen lässt... iregendwie improvisieren
vielleicht nen versteckten layer mit nem bildchen drin... dem bild gibste nen namen und packst den in den aufruf show(name)
nur so ne idee...
good luck!
|
|
|
|
|
..::Eisdealer
Dabei seit: 15.03.2002
Ort: -
Alter: 44
Geschlecht:
|
Verfasst Mi 04.08.2004 20:18
Titel
|
|
|
hab auch nochmal weiter geschaut baby
im Header
Code: | <script language="javascript" type="text/javascript">
//preload !
var pic42=new Image()
pic42.src="fourmusic/artists/afrob/images/afrob_home.jpg"
var artist = new Array();
artist[0] = new Array('http://www.fourmusic.com/fourmusic/artists/afrob/images/afrob_home.jpg','',"#FFFFFF");
// preload images
// if (document.images) {
// var theImgs = new Array();
// for (var i=0; i<artist.length; i++) {
// theImgs[i] = new Image();
// theImgs[i].src = artist[i][0];
// }
// }
//
-->
</script> |
so sollte der entsprechende link aussehen:
Code: | <a href="fourmusic/artists/afrob/index.php" class=artist onmouseover="POPartist(event,0)" onmouseout="HIDEartist()"> |
hmm, halte dich mal lieber an den beitrag vorher...
Zuletzt bearbeitet von ..::Eisdealer am Mi 04.08.2004 20:19, insgesamt 1-mal bearbeitet
|
|
|
|
|
swooby
Threadersteller
Dabei seit: 28.05.2002
Ort: Freiburg
Alter: 104
Geschlecht:
|
Verfasst Mi 04.08.2004 20:24
Titel
|
|
|
..::Eisdealer hat geschrieben: | hab auch nochmal weiter geschaut baby
im Header
Code: | <script language="javascript" type="text/javascript">
//preload !
var pic42=new Image()
pic42.src="fourmusic/artists/afrob/images/afrob_home.jpg"
var artist = new Array();
artist[0] = new Array('http://www.fourmusic.com/fourmusic/artists/afrob/images/afrob_home.jpg','',"#FFFFFF");
// preload images
// if (document.images) {
// var theImgs = new Array();
// for (var i=0; i<artist.length; i++) {
// theImgs[i] = new Image();
// theImgs[i].src = artist[i][0];
// }
// }
//
-->
</script> |
so sollte der entsprechende link aussehen:
Code: | <a href="fourmusic/artists/afrob/index.php" class=artist onmouseover="POPartist(event,0)" onmouseout="HIDEartist()"> |
hmm, halte dich mal lieber an den beitrag vorher... |
danke, aber genau das habe ich auch gemacht, leider ohne erfolg (jaja ich habe eigene bilder genommen und die verlinungen entsprechend verändert...!) schaumermal
|
|
|
|
|
|
|
|
Ähnliche Themen |
Rolloverbild ändert die Farbe von statischem Textlink. WIE?
[PHP-Scriptsuche] Auktion etc.
[JavaScript] Scriptsuche
Scriptsuche für Zoom-Bildergalerie
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|