Zur Boardunity Forenstartseite
  #1  
Alt 26.03.2007, 12:39
Benutzerbild von heinzel
Mitglied
 
Registriert seit: 12.2006
Ort: Kunming (in China)
Beiträge: 9

Bilder(link)fliessband


Hallo,

Ich moechte, dass am unteren Rand meiner Seite kleine Bilder(Briefmarkengroesse) wie am Fliessband, in Endlosschleife, vorbeilaufen.
Diese Bilder sollen als Link funktionieren.

Habe keine Ahnung wie ich das realisieren soll.

Ich habe noch keine Kenntnisse in Java oder Flash.

mfG.
Dirk
__________________
Dirk Heinzel
Dirk Heinzel
IcCT
[B]I[/B]nter[B]c[/B]ultural [B]C[/B]onsulting and [B]T[/B]rading Ltd.
  #2  
Alt 05.04.2007, 08:41
Benutzerbild von DaddyCool
Platzanweiser
 
Registriert seit: 10.2003
Ort: Niedersachsen
Beiträge: 306
Zitat:
Zitat von heinzel Beitrag anzeigen
Ich habe noch keine Kenntnisse in Java oder Flash.
Warum so umständlich?

SELFHTML: HTML/XHTML / Elemente zur Textstrukturierung / Ältere browser-proprietäre Elemente

Sollte in allen aktuellen Browsern funktionieren.

__________________
Fabian Martin
Fabian Martin

Blog | Twitter | XING
  #3  
Alt 05.04.2007, 10:02
Benutzerbild von heinzel
Mitglied
 
Registriert seit: 12.2006
Ort: Kunming (in China)
Beiträge: 9

Loesungen


Danke DaddyCool,

ich muss gestehen das ich schon diese marquee- und eine Javascript-Loesung ausprobiert habe.
Ich habe nur so lange mit dem vorstellen gewartet weil ich mit den Ergebnissen nicht ganz zufrieden war.
Die marquee Loesung ruckelte mir zu sehr.(vielleicht gehts jetzt mit ein paar Parametern besser.)
Und die Javaloesung sieht sehr gut aber es fehlt noch Link und title die ich leider noch nicht in der Lage bin zu ergaenzen.
Aber mit deinem Link komme ich vielleict weiter.

Und nun endlich die beiden Losungsansaetze:
HTML-Code:
<marquee onmouseover="this.stop()"  onmouseout="this.start()">
<a href="ExportImport/ecobeef/index.html" title="ecobeef"> <img src="ExportImport/ecobeef/images/highlanderportraits.jpg"></a>

<a href="ExportImport/Kelo/kelo.html" title="KeloKiefer"> <img src="ExportImport/Kelo/images/kelokuva2.jpg"></a>

<a href="ExportImport/Jagermeister/index.html" titel="Jagermeister"> <img src="ExportImport/Jagermeister/images/IMG3205Jaegers.jpg"></a>

<a href="Mix/taransport/transport.html" titel="Jagermeister"> <img src="Mix/taransport/IMG_1745_LKW10.JPG"> </a>

</marquee> 
und
Code:
<center>
<script type='text/javascript'>
<!--
var sliderwidth = 600; // Breite des Sliders
var sliderheight = 150; // H&ouml;he des Sliders
var slidespeed = 2; // Geschwindigkeit des Sliders
var slidebgcolor = "#FFFFFF"; // Hintergrundfarbe
var leftrightslide = new Array();
var copyspeed = slidespeed;
var i = 0;

leftrightslide[i++] = '<img src="Mix/taransport/IMG_1745_LKW10.JPG"></a>';
leftrightslide[i++] = '<img src="ExportImport/ecobeef/images/highlanderportraits.jpg"></a>';
leftrightslide[i++] = '<img src="ExportImport/Kelo/images/kelokuva2.jpg"></a>';
leftrightslide[i++] = '<img src="ExportImport/Jagermeister/images/IMG3205Jaegers.jpg"></a>';


leftrightslide = '<nobr>' + leftrightslide.join(" ") + '</nobr>';
var iedom = document.all || document.getElementById;
if (iedom)
 document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-3000">' + leftrightslide + '</span>');
var actualwidth = '';
var cross_slide, ns_slide;

function fillup(){
 if (iedom){
  cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2;
  cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3;
  cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide;
  actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth;
  cross_slide2.style.left=actualwidth+20;
 }
 else if (document.layers){
  ns_slide=document.ns_slidemenu.document.ns_slidemenu2;
  ns_slide2=document.ns_slidemenu.document.ns_slidemenu3;
  ns_slide.document.write(leftrightslide);
  ns_slide.document.close();
  actualwidth=ns_slide.document.width;
  ns_slide2.left=actualwidth+20;
  ns_slide2.document.write(leftrightslide);
  ns_slide2.document.close();
 }
 lefttime=setInterval("slideleft()",30);
}
window.onload=fillup;

function slideleft(){
 if (iedom){
  if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
   cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed;
  else
   cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+30;

  if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
   cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed;
  else
   cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+30;
 }
 else if (document.layers){
  if (ns_slide.left>(actualwidth*(-1)+8))
   ns_slide.left-=copyspeed;
  else
   ns_slide.left=ns_slide2.left+actualwidth+30;

  if (ns_slide2.left>(actualwidth*(-1)+8))
   ns_slide2.left-=copyspeed;
  else
   ns_slide2.left=ns_slide.left+actualwidth+30;
 }
}

if (iedom||document.layers){
 with (document){
  document.write('<table border="0" cellspacing="0" cellpadding="0"><td>');
  if (iedom){
   document.write('<div style="position:relative;width:' + sliderwidth + ';height:' + sliderheight + ';overflow:hidden">');
   document.write('<div style="position:absolute;width:' + sliderwidth + ';height:' + sliderheight + ';background-color:' + slidebgcolor + '" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">');
   document.write('<div id="test2" style="position:absolute;left:0;top:0"></div>');
   document.write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>');
   document.write('</div></div>');
  }
  else if (document.layers){
   document.write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>');
   document.write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');
   document.write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');
   document.write('</ilayer>');
  }
  document.write('</td></table>');
 }
}

//-->
</script>
</center>
Nochmals vielen Dank ich werde mir gleich die Marquee parameter und das Javascript von deinem Link ansehen/ausprobieren.
__________________
Dirk Heinzel
Dirk Heinzel
IcCT
[B]I[/B]nter[B]c[/B]ultural [B]C[/B]onsulting and [B]T[/B]rading Ltd.
Antwort


Stichworte
-

Themen-Optionen
Thema bewerten
Thema bewerten:

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

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Verkaufe: In-Link Lizenz jb-net Marktplatz: Projekt, Domain- & Jobbörse 0 26.12.2006 13:51
Text auf Bild(=Link) zentrieren heinzel Programmierung und Datenbanken 4 21.12.2006 02:14
PHP automatischer Link... MadMick79 Programmierung und Datenbanken 5 12.02.2006 13:03
Navigationsmenü link/rechts vom Board? Patrick Gotthardt Community Management, Administration und Moderation 10 24.10.2003 20:14






1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24