Beiträge: 32
Themen: 7
Registriert seit: 25.11.2016
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
Beiträge: 8.516
Themen: 59
Registriert seit: 20.04.2010
MyBB-Version: 1.8*
Wenn Du magst, kannst Du dir dieses Thema gerne zu Rate ziehen.
https://www.mybb.de/forum/thread-34534.html
Mit freundlichen Grüßen
MrBrechreiz
Beiträge: 32
Themen: 7
Registriert seit: 25.11.2016
10.05.2017, 21:52
(Dieser Beitrag wurde zuletzt bearbeitet: 10.05.2017, 21:57 von Assassin286.)
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
Beiträge: 8.516
Themen: 59
Registriert seit: 20.04.2010
MyBB-Version: 1.8*
Poste mal das komplette Script deiner Slideshow oder verlinke zum Script, wo man sich es laden kann.
Mit freundlichen Grüßen
MrBrechreiz
Beiträge: 32
Themen: 7
Registriert seit: 25.11.2016
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>')
}
}
Beiträge: 8.516
Themen: 59
Registriert seit: 20.04.2010
MyBB-Version: 1.8*
Mit freundlichen Grüßen
MrBrechreiz
Beiträge: 32
Themen: 7
Registriert seit: 25.11.2016
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
Beiträge: 155
Themen: 6
Registriert seit: 03.12.2014
MyBB-Version: 1.8.x
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
[x] <= Hier Nagel einschlagen für neues Display!
Wer Böses spricht,über mich und die Meinen, der gehe nach Hause,und betrachte die Seinen !!!
Beiträge: 8.516
Themen: 59
Registriert seit: 20.04.2010
MyBB-Version: 1.8*
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.
Mit freundlichen Grüßen
MrBrechreiz
Beiträge: 32
Themen: 7
Registriert seit: 25.11.2016
12.05.2017, 17:08
(Dieser Beitrag wurde zuletzt bearbeitet: 12.05.2017, 17:15 von Assassin286.)
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