Jscript slideshow in index - Assassin286 - 10.05.2017
Hey ho,
habe eine javascript slideshow die ich gern in MyBB anzeigen lassen würde, habe diesbezüglich auch schon den ein oder anderen Thread gelesen nur haben die nicht ganz geholfen. Habe den Script in die Headerinclude eingetragen und dann den link zu der .js datei in den index (template) and die stelle getan wo ich sie gern hätte, leider wird er dennoch nicht angezeigt.
Könnte ihr mir vielleicht mal erklären wie ich genau vorgehen kann, vielleicht sogar mit einem kleinen Beispiel. Kann ja sein, dass ich vielleicht was falsch gemacht habe.
Vielen Dank
RE: Jscript slideshow in index - MrBrechreiz - 10.05.2017
Wenn Du magst, kannst Du dir dieses Thema gerne zu Rate ziehen.
https://www.mybb.de/forum/thread-34534.html
RE: Jscript slideshow in index - Assassin286 - 10.05.2017
Ich schaue gleich mal
Ich glaube, dass ist nicht ganz das was ich meinte. Wenn du magst, kann ich den script mal hier rein schieben
RE: Jscript slideshow in index - MrBrechreiz - 11.05.2017
Poste mal das komplette Script deiner Slideshow oder verlinke zum Script, wo man sich es laden kann.
RE: Jscript slideshow in index - Assassin286 - 11.05.2017
Code: /***********************************************
* Conveyor belt slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
//Specify the slider's width (in pixels)
var sliderwidth="600px"
//Specify the slider's height
var sliderheight="160px"
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=1
//configure background color:
slidebgcolor="transparent"
//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="..."><img src="..." width="120" height="160" border=0></a>'
leftrightslide[1]='<a href="..."><img src="..." width="120" height="160" border=0></a>'
leftrightslide[2]='<a href="..."><img src="..." width="120" height="160" border=0></a>'
leftrightslide[3]='<a href="..."><img src="..." width="120" height="160" border=0></a>'
leftrightslide[4]='<a href="..."><img src="..." width="120" height="160" border=0></a>'
leftrightslide[5]='<a href="..."><img src="..." width="120" height="160" border=0></a>'
leftrightslide[6]='<a href="..."><img src="..." width="120" height="160" border=0></a>'
leftrightslide[7]='<a href="..."><img src="..." width="120" height="160" border=0></a>'
leftrightslide[8]='<a href="..."><img src="..." width="120" height="160" border=0></a>'
leftrightslide[9]='<a href="..."><img src="..." width="120" height="160" border=0></a>'
//Specify gap between each image (use HTML):
var imagegap=" "
//Specify pixels gap between each slideshow rotation (use integer):
var slideshowgap=5
////NO NEED TO EDIT BELOW THIS LINE////////////
var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+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+slideshowgap+"px"
}
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+slideshowgap
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+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"
if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"
}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshowgap
if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
}
}
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0" width="100%"><td>')
if (iedom){
write('<div style="position:relative;width:width:100%;height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:width:100%;height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width="100%" height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
RE: Jscript slideshow in index - MrBrechreiz - 11.05.2017
http://dynamicdrive.com/dynamicindex14/leftrightslide.htm
Das ist es ?
RE: Jscript slideshow in index - Assassin286 - 12.05.2017
Genau, das hätte ich gern im Board drinne musste leider auf "Marguee" tags einstellen weil das leider nicht funktioniert hat
hättest du vielleicht eine Lösung für mich wie ich das irgendwie einbinden kann
RE: Jscript slideshow in index - òóGlubscher - 12.05.2017
Wenn es das Script ist was MrBrechreiz verlinkt hat dann einfach den Script Code in dein Gewünschtes Template Einfügen.
Also alles Inklusive von:
Code: <script type="text/javascript">
bis
RE: Jscript slideshow in index - MrBrechreiz - 12.05.2017
Das Script ist aber nicht wirklich gut auf HTML Validierung geeicht. Ist ja auch schon etwas angestaubt. Die andere Alternative wäre ein schon fertiges Script zu verwenden, was auf jQuery basiert.
RE: Jscript slideshow in index - Assassin286 - 12.05.2017
Auf vB scheint es ohne zu Probleme zu funktionieren, deswegen habe ich mich gefragt ob der auch auf MyBB geht, weil ich finde das MyBB die beste Forensoftware ist. Finde die irgendwie am besten
@Glubscher, Habe zumindest das von mir verlinkte script so eingefügt mit den script tags, geht ja trz net
|