mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mo 05.12.2016 09:36 Benutzername: Passwort: Auto-Login

Thema: [Scriptsuche] Rolloverbild auf www.fourmusic.com vom 04.08.2004


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> [Scriptsuche] Rolloverbild auf www.fourmusic.com
Seite: Zurück  1, 2
Autor Nachricht
caZpa
Account gelöscht


Ort: -

Verfasst Mi 04.08.2004 20:00
Titel

Antworten mit Zitat Zum Seitenanfang

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 Lächel


heieiei, erst lesen, dann anschauen und dann antworten! * Ich will nix hören... *


sorry... übersehen... aber da kenn ich auchn script... ich such ma
 
..::Eisdealer

Dabei seit: 15.03.2002
Ort: -
Alter: 37
Geschlecht: Männlich
Verfasst Mi 04.08.2004 20:06
Titel

Antworten mit Zitat Zum Seitenanfang

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 Lächel


heieiei, erst lesen, dann anschauen und dann antworten! * Ich will nix hören... *


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

  View user's profile Private Nachricht senden
Anzeige
Anzeige
swooby
Threadersteller

Dabei seit: 28.05.2002
Ort: Freiburg
Alter: 97
Geschlecht: Männlich
Verfasst Mi 04.08.2004 20:10
Titel

Antworten mit Zitat Zum Seitenanfang

..::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 Lächel


heieiei, erst lesen, dann anschauen und dann antworten! * Ich will nix hören... *


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



Mädchen!
war nicht so ernst gemeint wies vielleicht da stand... * Ich bin unwürdig *
  View user's profile Private Nachricht senden
caZpa
Account gelöscht


Ort: -

Verfasst Mi 04.08.2004 20:15
Titel

Antworten mit Zitat Zum Seitenanfang

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: 37
Geschlecht: Männlich
Verfasst Mi 04.08.2004 20:18
Titel

Antworten mit Zitat Zum Seitenanfang

*zwinker* 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
  View user's profile Private Nachricht senden
swooby
Threadersteller

Dabei seit: 28.05.2002
Ort: Freiburg
Alter: 97
Geschlecht: Männlich
Verfasst Mi 04.08.2004 20:24
Titel

Antworten mit Zitat Zum Seitenanfang

..::Eisdealer hat geschrieben:
*zwinker* 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 Lächel
  View user's profile Private Nachricht senden
 
Ähnliche Themen www.jonkerry.com - wie ist das gemacht?
http://www.photofont.com/
http://www.videocure.com banner
http://www.created201.com/ Wie ist das gemacht
Kennt jemand www.visualphotos.com?
Programmiere für www.timeoutgraf.com gesucht!
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2
MGi Foren-Übersicht -> Programmierung


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.