javascript position ändern

Für Fragen und Diskussionen zum Layout und Design, Templates und Stylesheets sowie Themes
Post Reply
exundhopp
Forum Members
Forum Members
Posts: 21
Joined: Wed Oct 29, 2008 10:56 am

javascript position ändern

Post by exundhopp »

hallo!

jab ne vertikale slideshow eingebunden.
funktioniert auch nur sitzt die nun an ner ganz falschen stelle.
http://www.exundhopp.at/www1/index.php?page=span

eingefügt hab ichs bei der seite unter Optionen und dann im Feld "Seitenspezifische Meta-Daten":

Code: Select all

{literal}
<__script__ language="javascript">

/***********************************
*   http://javascripts.vbarsan.com/
*   This notice may not be removed 
***********************************/

//slider's width
var swidth=254;

//slider's height
var sheight=40;

//slider's speed
var sspeed=1;
var restart=sspeed;
var rspeed=sspeed;

//slider's background 
var scolor="#ffffff";

//slider's border
var sborder="2"; 

var imagef='';

//images-1: change to your own set of Images
//Preload recommended (no downloading check), otherwise may skip this
//For images within same dir, just set them like "yourimagename.ext" :

allpics=["http://vbarsan.com/sitemap.jpg","http://vbarsan.com/vsvb.gif","http://vbarsan.com/nsvb.gif","http://vbarsan.com/ntvb.gif","http://vbarsan.com/jsvb.gif"];
var preloadpics = new Array();
for(qq=0;qq<allpics.length;qq++){
preloadpics[qq]=new Image();
preloadpics[qq].src=allpics[qq];}

var leftimage=new Array();
//images-2: change to your own set of Hyperlinks and Images parameters
//remove <a ... > & </a> portions where no Hyperlink used
//if no preloading, replace '+ ... +' with the actual Images path "..."
leftimage[0]='<a href="http://vbarsan.com/"><img src='+preloadpics[0].src+' alt="Javascript News Scrollers" height=36 width=250></a>';
leftimage[1]='<a href="http://vertical-scroller.vbarsan.com/"><img src='+preloadpics[1].src+' alt="Javascript Vertical Scroller - Multiple Message Vertical Scroller 7.0" height=36 width=250></a>';
leftimage[2]='<a href="http://news-scroller.vbarsan.com/"><img src='+preloadpics[2].src+' height=36 width=250 alt="JavaScript Horizontal Scroller - Multiple Message Belt Conveyer v7.0"></a>';
leftimage[3]='<a href="http://news-ticker.vbarsan.com/"><img src='+preloadpics[3].src+' height=36 width=250 alt="Typewriter Ticker - Multiple Message Typewriter Scroller 7.0"></a>';
leftimage[4]='<a href="http://javascripts.vbarsan.com/"><img src='+preloadpics[4].src+' height=36 width=250 alt="Horizontal Scroller,Vertical Scroller and Typewriter Scroller Javascript Scripts"></a>';
//leftimage[...]=' ... ';
//-- end Parameters and Images -->

//-- ALGORITHM begins -->
for(mi=leftimage.length-1;mi>=0;mi--)
imagef=imagef+leftimage[mi]+'<br>';

function goup(){if(sspeed!=rspeed*8){sspeed=sspeed*2;restart=sspeed;}}

function start(){if(document.getElementById){tdiv6=document.getElementById('slider');tdiv6.innerHTML=imagef;thel=tdiv6.offsetHeight;tdiv6.style.top=-thel+"px";slidens6();}
else if(document.all){tdivie=slider;tdivie.innerHTML=imagef;thel=tdivie.offsetHeight;tdivie.style.pixelTop=-thel+"px";slideie();}else if(document.layers){tdivns4=document.slider1.document.slider2;tdivns4.document.write(imagef);tdivns4.document.close();thel=tdivns4.document.height;tdivns4.top=-thel;slidens4();}}
function slidens4(){if(tdivns4.top<=sheight){tdivns4.top+=sspeed;setTimeout("slidens4()",100);}else{tdivns4.top=-thel;slidens4();}}
function slideie(){if(tdivie.style.pixelTop<=sheight){tdivie.style.pixelTop+=sspeed+"px";setTimeout("slideie()",100);}else{tdivie.style.pixelTop=-thel+"px";slideie();}}
function slidens6(){if(parseInt(tdiv6.style.top)<=sheight){tdiv6.style.top=parseInt(tdiv6.style.top)+sspeed+"px";setTimeout("slidens6()",100);}else{tdiv6.style.top=-thel+"px";slidens6();}}
</__script>
<!-- End of script between HEAD tags -->

<!-- STEP III: Make sure start() is loaded.
If you have in your page multiple "onload" events, place them
all using one onload event handler within BODY TAG, like this: 
onload="Funct1(); Funct2(); ...;" 
Or use this:
function alltostart() { 
	  funct1();
	  funct2();
          ...
	} 
window.onload = alltostart;
-->
</__body onload="start();">

<!-- STEP IV: Place the script below in the BODY where the slide is to appear -->
<!-- You may remove first cell below (<td> ... </td>) to get rid of Speed-change -->
<__script__ language="javascript">document.write('<table border=2 align="center" bgcolor="#ffffff"><tr><td bgcolor="#ffffff"><div class=tabc><b><a class=tab href="#" onMouseOver="goup();">Speed<br>UP</a></b></div></td><td width='+sheight+'px>');if(document.layers)document.write('<span style="borderWidth:0.1px; borderStyle:none; clip:rect(0 '+swidth+' '+sheight+' 0);"><ilayer width='+swidth+' height='+sheight+' name="slider1"><layer class=slsh width='+swidth+' height='+sheight+'>SLIDING SHOW</layer><layer width='+swidth+' height='+sheight+' name="slider2" onMouseover="sspeed=0;" onMouseout="sspeed=rspeed"></layer></ilayer></span>');else {document.write('<div style="position:relative;overflow:hidden;width:'+swidth+'px;height:'+sheight+'px;clip:rect(0 '+swidth+'px '+sheight+'px 0);"><div class=slsh style="position:absolute;width:'+swidth+'px;height:'+sheight+'px;">SLIDING SHOW</div><div id="slider" style="position:relative;width:'+swidth+'px;" onMouseover="sspeed=0;" onMouseout="sspeed=rspeed"></div></div>');}</__script></td></tr></table>

{/literal}
hätte gerne die slideshow im content neben dem text.. nur wie?
NaN

Re: javascript position ändern

Post by NaN »

document.getElementById('slider')
Du hast also irgendwo im Template ein Element mit der ID "slider".
Damit das Ding dort sitzt, wo Du es haben willst, musst Du es lediglich mit CSS entsprechend formatieren.
Mit dem Javascript hat das meiner Meinung nach nichts zu tun.
Post Reply

Return to “Layout und Design”