Hallo, Gast! (Registrieren)

Wir wünschen allen Besuchern frohe und besinnliche Weihnachten!

Letzte Ankündigung: MyBB 1.8.38 veröffentlicht (30.04.24)


Benutzer, die gerade dieses Thema anschauen: 2 Gast/Gäste
Jscript slideshow in index
#1
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 Smile
Zitieren
#2
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
Zitieren
#3
Ich schaue gleich mal Smile

Ich glaube, dass ist nicht ganz das was ich meinte. Wenn du magst, kann ich den script mal hier rein schieben Smile
Zitieren
#4
Poste mal das komplette Script deiner Slideshow oder verlinke zum Script, wo man sich es laden kann.
Mit freundlichen Grüßen

MrBrechreiz
Zitieren
#5
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>')
}
}
Zitieren
#6
http://dynamicdrive.com/dynamicindex14/l...tslide.htm

Das ist es ?
Mit freundlichen Grüßen

MrBrechreiz
Zitieren
#7
Genau, das hätte ich gern im Board drinne Smile musste leider auf "Marguee" tags einstellen weil das leider nicht funktioniert hat Smile

hättest du vielleicht eine Lösung für mich wie ich das irgendwie einbinden kann Smile
Zitieren
#8
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

Code:
</script>
[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 !!!

Zitieren
#9
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
Zitieren
#10
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 Smile

@Glubscher, Habe zumindest das von mir verlinkte script so eingefügt Smile mit den script tags, geht ja trz net
Zitieren