RE: Slideshow in Beiträgen

29.01.2018 03:27

( gel�scht )
#61 RE: Slideshow in Beiträgen

Gast

( gel�scht )

Jetzt hab auch ich alter Depp begriffen, wo der Hase im Pfeffer lag. Danke .

Allerdings ist diese "Slideshow" dann in der Anwendung recht schwach auf der Brust. Hatte da was anderes erwartet...

MfG

Antworten

Beitrag melden

#62

29.01.2018 04:23 (zuletzt bearbeitet: 29.01.2018 04:24)

Kicky
#62 RE: Slideshow in Beiträgen

Kicky

Ich denke, dass am einfachsten ist marquee zu benutzen, dafür habe ich mich momentan entschieden, lasse die Bilder einfach durchlaufen und die User können dann ja auf ein Bild oder mehrere klicken, um sich einzelne intensiver anzuschauen!

Buisness Template

https://allroundboard.info

Liebe Grüße

Antworten

Beitrag melden

#63

29.01.2018 04:27

( gel�scht )
#63 RE: Slideshow in Beiträgen

Gast

( gel�scht )

@Kicky Marquee ist erstmal eine gute Lösung.

Allerdings befindet er sich in der Auslaufphase. Wird zwar noch von den meisten Browsern unterstützt, aber wer weiß, wie lange ?

Antworten

Beitrag melden

#64

29.01.2018 04:31

Kicky
#64 RE: Slideshow in Beiträgen

Kicky

@Fränki
Momentan klappt es und wenn irgendwann nicht mehr,
dann gibt es hoffentlich etwas neues, was ähnlich ist und auch nicht so kompliziert, mal abwarten!

Buisness Template

https://allroundboard.info

Liebe Grüße

Antworten

Beitrag melden

#65

29.01.2018 04:37 (zuletzt bearbeitet: 29.01.2018 04:45)

( gel�scht )
#65 RE: Slideshow in Beiträgen

Gast

( gel�scht )

ja, ich weiß, momentan läuft der Marquee noch , aber guck mal hier, vielleicht findest da paar Anregungen ?

> http://wiki.selfhtml.org/wiki/Referenz:HTML/marquee

Die CSS-animation ist derzeit auf dem Vormarsch. Olaf hatte vor einiger Zeit hier schon mal eine CSS Alternative zum Marquee gepostet.

Antworten

Beitrag melden

#66

29.01.2018 04:48 (zuletzt bearbeitet: 29.01.2018 04:54)

Kicky
#66 RE: Slideshow in Beiträgen

Kicky

@Fränki
Danke, ich habe mir diese Seite mal in meine Lesezeichen aufgenommen, schaue ich mir demnächst genauer an!
P.S. Meistens klappt es nicht, wenn ich bei Dir @ und dann Deinen Nick anklicke, keine Ahnung, warum das so ist...

Buisness Template

https://allroundboard.info

Liebe Grüße

Antworten

Beitrag melden

#67

29.01.2018 04:59

( gel�scht )
#67 RE: Slideshow in Beiträgen

Gast

( gel�scht )

ich hab das schon bemerkt, dass die @ Verlinkung auf meinen Namen manchmal funktioniert und manchmal nicht.

Es gibt Schlimmeres !

Antworten

Beitrag melden

#68

29.01.2018 05:05 (zuletzt bearbeitet: 29.01.2018 05:07)

Kicky
#68 RE: Slideshow in Beiträgen

Kicky

@Fränki
Na klar, es gibt schlimmeres, aber gerade klappt es wieder! Gute Nacht, nun werde ich mal mein Bettchen aufsuchen

Buisness Template

https://allroundboard.info

Liebe Grüße

Antworten

Beitrag melden

#69

29.01.2018 16:36

Peter54
#69 RE: Slideshow in Beiträgen

Peter54

moin, Eine Slideshow ist nicht vom Tarif abhängig. Man kann am Ende eines Beitrages einen Link zu
einer Eigenen Seite erstellen. Auf der Eigenen Seite befindrt sich dann eine Diashow die automatisch abläuft,
oder mit vor und zurück Schalter zum längeren Betrachten der Bllder.

Gruß Peter54

Foren-Adresse www.der-langzeitspeicher.de
Foren-Nummer 779696

Antworten

Beitrag melden

#70

30.01.2018 21:54 (zuletzt bearbeitet: 30.01.2018 22:19)

Kicky
#70 RE: Slideshow in Beiträgen

Kicky

@Peter54
Ja, ich weiß, dass eine Slideshow nicht vom Tarif abhängig ist und ich hatte auch mal ein Script, was ich damals im Portal hatte, irgendwann habe ich das entfernt und es nicht mehr wiedergefunden! Ich muss mal schauen, wo ich ein neues finde, damit ich die Bilderlinks einfügen kann und könnte dann vielleicht in der Signatur einen Link setzen, so dass man dort hinkommt!

Buisness Template

https://allroundboard.info

Liebe Grüße

Antworten

Beitrag melden

#71

30.01.2018 23:32

Peter54
#71 RE: Slideshow in Beiträgen

Peter54

Moin Kicky
Hier habe ich zwei mal eine Diashow.
1. Autodiashow
2. manuelle Diashow
Beide Code-Schnipsel habe ich im Netz gefunden und
für mich passend gemacht.
Die vorhandenen Links kannst du durch eigene Links
austauschen und beliebig erweitern.
Ich hoffe ich konnte Dir helfen. Ansonsten viel Spass beim
Programmieren.

Gruß Peter54

<!--.Auto-Diashow→
<html>
<head>
</head>
<body>

<br>
<br>
<br>
<br>

<script language="javascript" type="text/javascript">
<!-- Begin
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 4000;
// Duration of crossfade (seconds)
var crossFadeDuration = 3;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'https://files.homepagemodules.de/b779696/...DhxCo-thumb.jpg'
Pic[1] = 'https://files.homepagemodules.de/b779696/...vLCpz-thumb.jpg'
Pic[2] = 'https://files.homepagemodules.de/b779696/...EKRUD-thumb.jpg'
Pic[3] = 'https://files.homepagemodules.de/b779696/...WhscL-thumb.jpg'
Pic[4] = 'https://files.homepagemodules.de/b779696/...YCgiz-thumb.jpg'
Pic[5] = 'https://files.homepagemodules.de/b779696/...SYQUZ-thumb.jpg'
Pic[6] = 'https://files.homepagemodules.de/b779696/...GkxnZ-thumb.jpg'

// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
window.onload=runSlideShow;
// End →
</script>
<left>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="VU" height=190 width=330>

<img src="https://files.homepagemodules.de/b779696/pictures_u11_rbMDhxCo-thumb.jpg"

name='SlideShow' width=330 height=190>

</td>
</tr>
</table>
</center>
</body>
</html>

<!-- Eine kleine Diashow →
<html>
<body>
<br/>
<div align="center">
<span style="font-size:32px;">Eine kleine Diashow</span></div>
<br>

<div align="center">

<div style="width:90%; padding:0px 5px;">
Mit der manuellen Diashow kann man sich mal in Ruhe und mit viel Zeit die einzelnen Häuser vom
Kinderdorf Maria in der Drucht betrachten. Dabei kann man sich im Geiste in der Erinnerung
vorstellen wo man da überall als Kind und Jugendlicher mal herumgelaufen ist. Leider habe ich nicht
von allen Häusern die Bilder. So ist dieses nur ein kleiner Teil der - Panoramafreien - Bilder. Vieleicht

finde ich hin und wieder noch ein Bild um diese Diashow zu erweitern.
</div>

<SCRIPT LANGUAGE="JavaScript">

var num=1
img1 = new Image ()
img1.src = "https://files.homepagemodules.de/b779696/pictures_u11_rbMDhxCo-thumb.jpg"
img2 = new Image ()
img2.src = "https://files.homepagemodules.de/b779696/pictures_u12_wNgvLCpz-thumb.jpg"
img3 = new Image ()
img3.src = "https://files.homepagemodules.de/b779696/pictures_u40_GQsEKRUD-thumb.jpg"
img4 = new Image ()
img4.src = "https://files.homepagemodules.de/b779696/pictures_u13_pxeWhscL-thumb.jpg"
img5 = new Image ()
img5.src = "https://files.homepagemodules.de/b779696/pictures_u14_MkjYCgiz-thumb.jpg"
img6 = new Image ()
img6.src = "https://files.homepagemodules.de/b779696/pictures_u15_ltjSYQUZ-thumb.jpg"
img7 = new Image ()
img7.src = "https://files.homepagemodules.de/b779696/pictures_u16_iTjGkxnZ-thumb.jpg"
img8 = new Image ()
img8.src = "https://files.homepagemodules.de/b779696/pictures_u17_enuAQDBN-thumb.jpg"
img9 = new Image ()
img9.src = "https://files.homepagemodules.de/b779696/pictures_u18_cgYBDeOt-thumb.jpg"
img10 = new Image ()
img10.src = "https://files.homepagemodules.de/b779696/pictures_u19_dfplOajD-thumb.jpg"
img11 = new Image ()
img11.src = "https://files.homepagemodules.de/b779696/pictures_u20_leawujyO-thumb.jpg"
img12 = new Image ()
img12.src = "https://files.homepagemodules.de/b779696/pictures_u21_WJgNcbOf-thumb.jpg"
img13 = new Image ()
img13.src = "https://files.homepagemodules.de/b779696/pictures_u22_GkcJyznR-thumb.jpg"
img14 = new Image ()
img14.src = "https://files.homepagemodules.de/b779696/pictures_u23_QWBNuqzj-thumb.jpg"
img15 = new Image ()
img15.src = "https://files.homepagemodules.de/b779696/pictures_u24_ksWhevxI-thumb.jpg"
img16 = new Image ()
img16.src = "https://files.homepagemodules.de/b779696/pictures_u25_bWpTfQRo-thumb.jpg"
img17 = new Image ()
img17.src = "https://files.homepagemodules.de/b779696/pictures_u26_lTotAiVJ-thumb.jpg"
img18 = new Image ()
img18.src = "https://files.homepagemodules.de/b779696/pictures_u27_kfarvjEW-thumb.jpg"
img19 = new Image ()
img19.src = ""
img20 = new Image ()
img20.src = ""

text1 = "Luftaufnahme(Freig.Min.f.Wirts.+Verk.Nr.6082)56"
text2 = "Luftaufnahme(Freig.Min.f.Wirts.+Verk.Nr.6081)56"
text3 = "Lageplan vom Kinderdorf ab 1966"
text4 = "Aula + Schule rechts "
text5 = "Aula - 1955"
text6 = "Haus 15 - 1966"
text7 = "Küche, Waschküche, Aula, Schule, Haus 1 + 2"
text8 = "li. Küche, re. unser Blockhaus"
text9 = "Haus 16 - Ecke von Haus 13"
text10 = "Kapelle - 1955"
text11 = "Werkstätten"
text12 = "Haus 4 ca. 1961"
text13 = "Haus 3"
text14 = "Aula, Schule, Haus 1 +2"
text15 = "Waschküche"
text16 = "rechtes Schulgebäude"
text17 = "Küche von Haus 15 aus"
text18 = "Haus 14"
text19 = "Text für Bild 19"
text20 = "Text für Bild 20"

function slideshowUp()
{
num=num+1
if (num==21)
{num=1}
document.mypic.src=eval("img"+num+".src")
document.joe.burns.value=eval("text"+num)
}

function slideshowBack()
{
num=num-1
if (num==0)
{num=20}
document.mypic.src=eval("img"+num+".src")
document.joe.burns.value=eval("text"+num)
}

</SCRIPT>

<!-- The Image and Form Codes are Below →
<br>
<center>
<IMG SRC="https://files.homepagemodules.de/b779696/pictures_u11_rbMDhxCo-thumb.jpg
"

NAME="mypic" BORDER=0 HEIGHT="200" WIDTH="300">
<p>

<FORM NAME="joe">

<!--
<INPUT TYPE=" text " WIDTH="200" NAME="burns" VALUE="Text für Bild 1">
→
<!--
<INPUT " style="FONT-SIZE: 12px" WIDTH="10" NAME="burns" VALUE="Luftaufnahme(Freigeg.

Min.f.Wirtsch.+Verkehr Nr.6082)56">
→

<INPUT " style="FONT-SIZE: 14px" SIZE="46" NAME="burns"

VALUE="Luftaufnahme(Freig.Min.f.Wirts.+Verk.Nr.6082)56">

</FORM>

<b><a HREF="JavaScript:slideshowBack()">zurück</a></b>
<b><a HREF="JavaScript:slideshowUp()">weiter</a></b>
</center>
</budy>
</html>
<br>
<br>

Foren-Adresse www.der-langzeitspeicher.de
Foren-Nummer 779696

Antworten

Beitrag melden

#72

31.01.2018 00:17 (zuletzt bearbeitet: 31.01.2018 00:38)

Kicky
#72 RE: Slideshow in Beiträgen

Kicky

@Peter54
Danke, dass Du im Internet gesucht hast, aber das scheint für den Header zu sein! Ich hatte mal ein Script für eine Slideshow,
wo ich eigene Bilder problemlos im Portal mit html einfügen konnte, doch leider habe ich es irgendwann gelöscht...

Buisness Template

https://allroundboard.info

Liebe Grüße

Antworten

Beitrag melden

#73

31.01.2018 02:27 (zuletzt bearbeitet: 31.01.2018 02:29)

Kicky
#73 RE: Slideshow in Beiträgen

Kicky

Ich lasse die Bilder nun mit marquee auf der Forumseite durchlaufen, das klappt! Im Portal laufen die Bilder so nicht durch!

Buisness Template

https://allroundboard.info

Liebe Grüße

Antworten

Beitrag melden

#74

31.01.2018 04:01 (zuletzt bearbeitet: 31.01.2018 04:09)

Kicky
#74 RE: Slideshow in Beiträgen

Kicky

So, jetzt bin ich endlich fertig! Die Bilder laufen mit marquee durch und nun kann jedes einzelne Bild gestoppt werden, indem man den Cursor der Maus draufhält, es muss nicht extra angeklickt werden! Allerdings im Forum, ist eigentlich auch besser so, denn ins Portal schauen die User nicht so oft, dort habe ich einige Bilder, die nicht durchlaufen!

Buisness Template

https://allroundboard.info

Liebe Grüße

Antworten

Beitrag melden

#75

31.01.2018 09:39

Mike48
#75 RE: Slideshow in Beiträgen

Mike48

Im Portal kann man einfach eine Box vom Typ Bilder eines Albums nehmen und entweder als Karussel oder Slideshow einrichten.
Man kann die Anzahl Bilder, die Reihenfolge und die zeit festlegen. Mit mouseover bleibt sie stehen, mit Klick aufs Bild kommt man in das Album.

www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)