Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise
Neueste Themen
» kann man noch Blogs hier erstellen?
von Joost Gestern um 18:40

» Einstellen der Profilfelder funktioniert nicht
von Skouliki Di 26 März 2024 - 12:54

» Gründer-E-Mail-Adresse ändern
von Skouliki Mo 25 März 2024 - 13:48

» PN's werden nicht mehr rot eingefärbt
von Skouliki Fr 22 März 2024 - 7:44

» Forum löschen, Probleme mit Gründeraccount
von Skouliki Do 21 März 2024 - 9:04

»  Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Skouliki Do 21 März 2024 - 9:03

» [phpBB3] Suchfunktion ohne Funktion
von Skouliki Mi 20 März 2024 - 8:41

» Neuer User kann sich anmelden.
von Skouliki Mi 20 März 2024 - 8:38

» Zugangsdaten vergessen/verloren
von Joost Sa 16 März 2024 - 21:07

» Schwierigkeiten mit BBCode
von Skouliki Fr 15 März 2024 - 11:51

» Entdeckt die neue Option Servimg Premium
von Joost Mi 6 März 2024 - 19:50

» Neues YAMAHA XT660-Forum
von gnadenlos Fr 1 März 2024 - 7:33

» Forum nur noch für Eingeloggte sichtbar?
von Skouliki Di 27 Feb 2024 - 7:53

» [phpBB3] Eine Frage zum Forum selbst.
von Skouliki Di 27 Feb 2024 - 7:52

» Beiträge verschwinden
von Skouliki Do 22 Feb 2024 - 7:47

» [Tutorial - alle Versionen] (De)aktiviert die Anzeige von Signaturen aus Eurem Profil
von Eto Do 15 Feb 2024 - 22:17

» Datenback-Dump?
von Skouliki Mo 12 Feb 2024 - 22:02

» Einloggen nicht mehr möglich [erbitte schnelle Rückmeldung!]
von Skouliki Mo 12 Feb 2024 - 8:15

Gallerie Laufband im Forum

2 verfasser

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Gallerie Laufband im Forum Empty Gallerie Laufband im Forum

Beitrag von berton Fr 1 Jan 2010 - 8:38

Hallo
Erstmal ein gutes und erfolgreiches Neues Jahr an Alle.

Ich würde gerne in unserem Forum ein Fotostream einbinden. Ich habe unter
http://www.grammiweb.de/javascript/java204.shtml
ein Beispiel gesehen was mir ganz gut gefällt, da es nicht viel Platz benötigt. Wie kann ich das in meinem Forum etblieren, am besten unter der bereits vorhandenen Shoutbox (Notizblock). Bitte im Falle eines Vorschlags die einzelnen Schritte posten, da ich kein Experte bin. Smile
Ich danke Euch schon mal im voraus.
Liebe Grüße aus Ungarn
Bernd
avatar
berton
Meister
Meister

Beiträge : 212
Anmeldedatum : 08.05.09
keine

Nach oben Nach unten

Gallerie Laufband im Forum Empty Re: Gallerie Laufband im Forum

Beitrag von #Frank Fr 1 Jan 2010 - 13:45

Eigentlich ist es ja ganz einfach, wie das dort beschrieben ist.
Du gehst dort auf den Konfigurator und trägst dort deine Bilder ein.
Wie das geht solltest du schon erkennen.
Wichtig ist für dich nur dieser Abschnitt:
Code:
///////configure the below four variables to change the style of the slider///////
//set the scrollerwidth and scrollerheight to the width/height of the LARGEST image in your slideshow!
var scrollerwidth='100px'
var scrollerheight='106px'
var scrollerbgcolor='white'
//3000 miliseconds=3 seconds
var pausebetweenimages=3000


//configure the below variable to change the images used in the slideshow. If you wish the images to be clickable, simply wrap the images with the appropriate <a> tag
var slideimages=new Array()
slideimages[0]='<a href="http://www.grammiweb.de"><img src="1.gif" border=0"></a>'
slideimages[1]='<img src="2.gif">'
slideimages[2]='<img src="3.gif">'
slideimages[3]='<img src="4.gif">'
slideimages[4]='<img src="5.gif">'
//extend this list

///////Do not edit pass this line///////////////////////
Hier kannst du die Einstellungen für das Script vornehmen.
Wenn das dann alles Klappt, dann kannst du dir den Code für das Script "Ausgeben" lassen.
Dieses fügst du dann in ein Persönliches Modul ein und setzt es dann in dein Forum ein.

Das ist eigentlich schon alles.
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Gallerie Laufband im Forum Empty Re: Gallerie Laufband im Forum

Beitrag von berton Fr 1 Jan 2010 - 15:01

Lieber Frank
Ich sagte ja bereits ich bin da wohl ein wenig hinterher,
Wo sollich die Adrese eintragen.
Z,B
slideimages[0]='<a href="http://www.grammiweb.de"><img src="1.gif" border=0"></a>'
slideimages[1]='<img src="2.gif">'

Die einzufügende Bildadresse z.B. wäre
Gallerie Laufband im Forum Khutschi254EII

nur weiß ich nicht wo und wie ich das genau einfügen soll- Vielleicht kannst du mir ein wenig Schützenhilfe leisten.
Besten Dank im voraus.
Bernd
avatar
berton
Meister
Meister

Beiträge : 212
Anmeldedatum : 08.05.09
keine

Nach oben Nach unten

Gallerie Laufband im Forum Empty Re: Gallerie Laufband im Forum

Beitrag von #Frank Fr 1 Jan 2010 - 18:25

Deine Bilder die dort angezeigt werden sollen gibst du in diesem Bereich ein, den du dort schon gefunden hast.
Für das von dir gezeigte Bild sollte es dann so aussehen:
slideimages[0]='<img src="http://apload.de/bild/36791/khutschi254EII.jpg">'

Du musst aber eventuell die Masse dort angleichen für die Höhe und die Breite:
var scrollerwidth='100px'
var scrollerheight='106px'

Ich würde dort 165px × 116px empfelen.
Die Einträge sollten dann so aussehen:
var scrollerwidth='165px'
var scrollerheight='116px'

Ich habe das mal getestet, und du must die Bilder eventuell noch in der Größe anpassen.
Der Komplette Link zu dem Bild sollte dann so aussehen:
slideimages[0]='<img src="http://apload.de/bild/36791/khutschi254EII.jpg" width="165" height="106">'
slideimages[1]='<img src="hier den Link zum Bild einfügen" width="165" height="106">'
Die Angabe width="165" height="106" Skalliert die Bilder in der Größe.

Ich habe hier mal die Liste erweitert, und immer dein Bild von Oben eingesetzt:
Code:
slideimages[0]='<img src="http://apload.de/bild/36791/khutschi254EII.jpg" width="165" height="106">'
slideimages[1]='<img src="http://apload.de/bild/36791/khutschi254EII.jpg" width="165" height="106">'
slideimages[2]='<img src="http://apload.de/bild/36791/khutschi254EII.jpg" width="165" height="106">'
slideimages[3]='<img src="http://apload.de/bild/36791/khutschi254EII.jpg" width="165" height="106">'
slideimages[4]='<img src="http://apload.de/bild/36791/khutschi254EII.jpg" width="165" height="106">'
slideimages[5]='<img src="http://apload.de/bild/36791/khutschi254EII.jpg" width="165" height="106">'
slideimages[6]='<img src="http://apload.de/bild/36791/khutschi254EII.jpg" width="165" height="106">'
slideimages[7]='<img src="http://apload.de/bild/36791/khutschi254EII.jpg" width="165" height="106">'
slideimages[8]='<img src="http://apload.de/bild/36791/khutschi254EII.jpg" width="165" height="106">'
//extend this list

Und hier mal das gesammte Script, das du in ein Modul einsetzen Kannst:
Code:
<script language="JavaScript1.2">

/*
Left-Right image slideshow Script-
By Dynamic Drive (www.dynamicdrive.com)
For full source code, terms of use, and 100's more scripts, visit http://dynamicdrive.com
*/

///////configure the below four variables to change the style of the slider///////
//set the scrollerwidth and scrollerheight to the width/height of the LARGEST image in your slideshow!
var scrollerwidth='165px'
var scrollerheight='116px'
var scrollerbgcolor='white'
//3000 miliseconds=3 seconds
var pausebetweenimages=3000


//configure the below variable to change the images used in the slideshow. If you wish the images to be clickable, simply wrap the images with the appropriate <a> tag
var slideimages=new Array()
slideimages[0]='<img src="http://apload.de/bild/36791/khutschi254EII.jpg" width="165" height="106">'
slideimages[1]='<img src="http://apload.de/bild/36791/khutschi254EII.jpg" width="165" height="106">'
slideimages[2]='<img src="http://apload.de/bild/36791/khutschi254EII.jpg" width="165" height="106">'
slideimages[3]='<img src="http://apload.de/bild/36791/khutschi254EII.jpg" width="165" height="106">'
slideimages[4]='<img src="http://apload.de/bild/36791/khutschi254EII.jpg" width="165" height="106">'
slideimages[5]='<img src="http://apload.de/bild/36791/khutschi254EII.jpg" width="165" height="106">'
slideimages[6]='<img src="http://apload.de/bild/36791/khutschi254EII.jpg" width="165" height="106">'
slideimages[7]='<img src="http://apload.de/bild/36791/khutschi254EII.jpg" width="165" height="106">'
slideimages[8]='<img src="http://apload.de/bild/36791/khutschi254EII.jpg" width="165" height="106">'
//extend this list

///////Do not edit pass this line///////////////////////

var ie=document.all
var dom=document.getElementById

if (slideimages.length>1)
i=2
else
i=0

function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.left>0&&tlayer.left<=5){
tlayer.left=0
setTimeout("move1(tlayer)",pausebetweenimages)
setTimeout("move2(document.main.document.second)",pausebetweenimages)
return
}
if (tlayer.left>=tlayer.document.width*-1){
tlayer.left-=5
setTimeout("move1(tlayer)",50)
}
else{
tlayer.left=parseInt(scrollerwidth)+5
tlayer.document.write(slideimages[i])
tlayer.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.left>0&&tlayer2.left<=5){
tlayer2.left=0
setTimeout("move2(tlayer2)",pausebetweenimages)
setTimeout("move1(document.main.document.first)",pausebetweenimages)
return
}
if (tlayer2.left>=tlayer2.document.width*-1){
tlayer2.left-=5
setTimeout("move2(tlayer2)",50)
}
else{
tlayer2.left=parseInt(scrollerwidth)+5
tlayer2.document.write(slideimages[i])
tlayer2.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move3(whichdiv){
tdiv=eval(whichdiv)
if (parseInt(tdiv.style.left)>0&&parseInt(tdiv.style.left)<=5){
tdiv.style.left=0+"px"
setTimeout("move3(tdiv)",pausebetweenimages)
setTimeout("move4(scrollerdiv2)",pausebetweenimages)
return
}
if (parseInt(tdiv.style.left)>=tdiv.offsetWidth*-1){
tdiv.style.left=parseInt(tdiv.style.left)-5+"px"
setTimeout("move3(tdiv)",50)
}
else{
tdiv.style.left=scrollerwidth
tdiv.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move4(whichdiv){
tdiv2=eval(whichdiv)
if (parseInt(tdiv2.style.left)>0&&parseInt(tdiv2.style.left)<=5){
tdiv2.style.left=0+"px"
setTimeout("move4(tdiv2)",pausebetweenimages)
setTimeout("move3(scrollerdiv1)",pausebetweenimages)
return
}
if (parseInt(tdiv2.style.left)>=tdiv2.offsetWidth*-1){
tdiv2.style.left=parseInt(tdiv2.style.left)-5+"px"
setTimeout("move4(scrollerdiv2)",50)
}
else{
tdiv2.style.left=scrollerwidth
tdiv2.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}

function startscroll(){
if (ie||dom){
scrollerdiv1=ie? first2 : document.getElementById("first2")
scrollerdiv2=ie? second2 : document.getElementById("second2")
move3(scrollerdiv1)
scrollerdiv2.style.left=scrollerwidth
}
else if (document.layers){
document.main.visibility='show'
move1(document.main.document.first)
document.main.document.second.left=parseInt(scrollerwidth)+5
document.main.document.second.visibility='show'
}
}

window.onload=startscroll

</script>




<ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor}; visibility=hide>
<layer id="first" left=1 top=0 width=&{scrollerwidth}; >
<script language="JavaScript1.2">
if (document.layers)
document.write(slideimages[0])

</script>
</layer>
<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
<script language="JavaScript1.2">
if (document.layers)
document.write(slideimages[1])
</script>
</layer>
</ilayer>

<script language="JavaScript1.2">
if (ie||dom){
document.writeln('<div id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;background-color:'+scrollerbgcolor+'">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0px;top:0px">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:1px;top:0px;">')
document.write(slideimages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0px;top:0px">')
document.write(slideimages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</div>')
}
</script>

Wie das aussieht, kannst du bei mir im Testforum sehen:
http://frank.forumieren.de/forum.htm
ganz unten Rechts.
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Gallerie Laufband im Forum Empty Re: Gallerie Laufband im Forum

Beitrag von berton Fr 1 Jan 2010 - 18:56

Hallo Frank
Vielen,Vielen Dank von uns allen, werde mich gleich mal ranmachen und es einbauen.
Liebe Grüße
Bernd
avatar
berton
Meister
Meister

Beiträge : 212
Anmeldedatum : 08.05.09
keine

Nach oben Nach unten

Gallerie Laufband im Forum Empty Re: Gallerie Laufband im Forum

Beitrag von berton Fr 1 Jan 2010 - 19:16

Hallo Frank
Ich habe es eingebaut. Leider hakt es mächtig. Waran könnte das liegen?
Kannst du dich bitte mal bei uns einloggen und mir einen Typ geben?
Besten Dank
Bernd
avatar
berton
Meister
Meister

Beiträge : 212
Anmeldedatum : 08.05.09
keine

Nach oben Nach unten

Gallerie Laufband im Forum Empty Re: Gallerie Laufband im Forum

Beitrag von #Frank Fr 1 Jan 2010 - 19:36

Bernd,

das ist ganz einfach zu beantworten.
Das liegt einfach an der Prozessor Leistung und an den Belastungen des Prozessors beim darstellen der Elemente in deinem Forum.
Je mehr Sachen sich dort bewegen, um so höher wird die Prozessor Belastung.
Ich habe mal dein Forum bei mir geöffnet, und die Prozessor Belastung während des Bilderwechsels mal dargestellt:

Gallerie Laufband im Forum A1193

Du siehst, das bei mir die Speicherbelastung bis auf 60 % und höher steigt.
Das kannst du bei dir auch beobachten, in dem du mal dein Forum öffnest, und dann den Task Manager startest.
Den Taskmanager kannst du über Strg + Alt + Entf aufrufen. Dort dann die Karte "Leistung auswählen.

Alles in allem stellen wir fest: Je mehr Animation auf dem Bildschirm zu sehen ist, um so höher ist die Prozessor Last.
Erreicht diese bei einigen Rechnern die 100% Marke, kann es dazu kommen, das der Rechner nicht oder nur noch sehr verzögert reagiert.
Es kann sogar so weit führen, das Rechner mit nicht so hoher Leistung komplett abstürzen.

Hier noch mal ein Bild, wie es bei mir aussieht, wenn ich dein Forum betrachte:
Gallerie Laufband im Forum A1194

Du siehst die Spitzen die da auftauchen. Das ist immer dann wenn das Bild wechselt.
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Gallerie Laufband im Forum Empty Re: Gallerie Laufband im Forum

Beitrag von berton Fr 1 Jan 2010 - 20:42

Besten Dank Frank für die ausführliche Info.
Dann müssen wir wohl damit leben.
LG
Bernd
avatar
berton
Meister
Meister

Beiträge : 212
Anmeldedatum : 08.05.09
keine

Nach oben Nach unten

Gallerie Laufband im Forum Empty Re: Gallerie Laufband im Forum

Beitrag von #Frank Fr 1 Jan 2010 - 20:53

Alles Klar dann.

-- done --
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben

- Ähnliche Themen

 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten