Haumis wbb hilfe | Druckvorschau: Slider(Bildlaufband)

Geschrieben von Flughund am 05.04.2011 um 06:17:

Slider(Bildlaufband)

Guten Morgen zusammen st1

hat vielleicht jemand eine Idee von euch hier wie man eine Slideshow also
Bilderslide Show mit den in Anhang gemachten Text machen kann.

Ich möchte das der Slider die Bilder aus einen Ordner auslesen tut und die da in den Bilderlaufband 100x100 px groß.

Ich habe in den Anhang das mal mit bilder Links aus unseren Threads von den Schulen gemacht. Und Möchte aber das er Bilder z.b aus den Ordner images/slidshow
100x100 px groß da in der Slideshow anzeigt.

Hat vieleicht von euch jemand eine gute Idee dazu? Der Slider funkioniert schn aber eben nur mit den verlinkten Bilder da von PI-PSP-Bastelgarten.

Und die Idee ist von hier Quelle : http://www.homepage-faqs.de/index.php?site=hp-marquee-up-down

Danke schon mal in Voraus.

Liebe Grüße
Flughund st1

Geschrieben von haumi am 05.04.2011 um 07:13:

Du musst erst mal einen Ordner Slide anlegen und die bilder dort reinbringen und die Namen etwas lesbar machen.
Damit ändert sich der Link zu den Bildern von

code:
1:	<img src=" http://i50.tinypic.com/2h6djzb.jpg" border="0" alt="Bilder von PI-PSP-Bastelgarten" title="Bilder aus den Forum" width="100" height="100" />

in

code:
1:	<img src="images/slide.jpg" border="0" alt="Bilder von PI-PSP-Bastelgarten" title="Bilder aus den Forum" " width="100" height="100" />

Nur musst du bei dem Code für jdes Bild eine Zeile anlegen.

Ich hab es hier mal so realisiert, das, egal wieviele Bilder im Ordner sind, alle Bilder auf ein Maß 100 x 100 Pixel in einem Laufband über der Shoutbox durchlaufen.
Die Bilder stammen aus dem Ordner images/smilies/sonstiges!

Der GESAMTE Code sieht nun so aus:

code:

1:
2:
3:
4:
5:
6:
7:
8:

<table cellpadding="1" cellspacing="0" border="3"  bordercolor="#4F6889"  style="width:98%">
  <tr>
    <td >
<marquee  scrollamount="3" direction="left" >$bild</marquee>
</td></tr></table>
<br>

Damit das auch funktioniert, muss in der index.php noch folgender Code eingebaut werden:

Suche:

code:
1:	/* ############## STATS ############## */

und füge darüber ein:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:

//Slideshow_anfang
$bilder=array( );
$dir=opendir("images/smilies/sonstiges");
while($bild=readdir($dir)) if ($bild != "." &&$bild !="..") $bilder[]="<img src="images/smilies/sonstiges/$bild " width="100px" height="100px" border="1">";
closedir($dir);
$max=count($bilder)-1;
for($i=0;$i<$max;$i++) {
$bild.=$bilder[$i];
}
//Slideshow_ende

Mit width="100" height="100" sollten die Bilder auf das Maß 100 x 100 gezwungen werden:

Auch hier gilt, die index.php und das index template vorher sichern!

Wenn etwas unklar sein sollte bitte hier fragen bevor man etwas falsch macht.
Es wird auch Hilfe gegeben wenn etwas nicht so ganz geklappt hat.

Urheber ist haumi - aber jeder kann es frei verwenden und nach belieben abändern.

LG
haumi

Geschrieben von Flughund am 05.04.2011 um 20:57:

Hallo Haumi,

vielen Danke für deine Mühe, ich werde das am WE mal in Testforum versuchen.

Ließt der Slider dann alle Bildformate aus oder nur jpg Formate?

Oder kann man es auch eigeben damit alle Bildformate augelesen werden wie Gif,Jpg, u.s.w ?

Liebe grüße
Flughund

Geschrieben von Flughund am 05.04.2011 um 21:09:

Hallo Haumi,

vieleicht kann man das ganze auch noch mit einen Zusatz oben für den Header machen? ich meine das so zweischen der Slideshow?

code:

1:
2:
3:
4:
5:
6:
7:

<center> <table cellpadding="2" cellspacing="1" border="1" style="width:95%" class="tableinborder">
<tr></center>
  <td class="tabletitle" align="center"><span class="gross">eine kleine Anzahl an Vorschaubilder von unseren PI-PSP-Bastelgarten.de</span></td>
 </tr>
 <tr>

  <td width="50%" class="tablea">

und am Ende

code:
1: 2: 3: 4: 5: 6: 7:	</td> </tr> <tr> <td class="tablecat" align="center"><span class="normalfont"> von den Schulen und Workshops hier!!!.</span></td> </tr> </table><br />

Geschrieben von haumi am 05.04.2011 um 22:11:

Zitat:

Ließt der Slider dann alle Bildformate aus oder nur jpg Formate?

Oder kann man es auch eigeben damit alle Bildformate augelesen werden wie Gif,Jpg, u.s.w ?

Er liest alle Bilder die im Browser dargestellt werden können.
Man braucht nichts zusätzlich machen.
Die Erweiterung mach ich noch rein.

LG
hannes

Geschrieben von haumi am 05.04.2011 um 23:09:

Hier noch mal auf Wunsch eine grobe Erklärung was das Progrämmchen macht:

$bilder=array( ); - Hier wird die Variable $bilder als array erstellt. Ein array kann man sich hier vorstellen als einzeilige Tabelle (es gibt auch andere!)

$dir=opendir("images/slide"); - In dieser Zeile wird der Ordner images/slide geöffnet und der Zeiger, der auf dem ersten Bild liegt der Variablen $dir zugewiesen.

while($bild=readdir($dir)) if ($bild != "." &&$bild !="..") $bilder[]="<img src=\"images/slide/$bild \" height=\"100px\" border=\"0\">  "; -
Hier beginnt eine (while)Schleife die solange läuft bis alle Bilder in dem array $bilder eingeschrieben sind.

Mit $bild != "." und $bild != ".." werden die Verzeichnisse (das eigene und das übergeordnete) ausgeklammert. Da es sich hier um Pfadangaben und nicht um Bilder handelt.

Die Bilder werden in folgender Form im array abgelegt:

<img src=\"images/slide/$bild \" width=\"100px\" height=\"100px\" border=\"0\">  "

images/slide/$bild ist das bild selbst
width=\"100px\" zwingt das Bild auf eine Höhe von 100 Pixel
height=\"100px\" zwingt das Bild auf eine Höhe von 100 Pixel
border=\"0\" Macht (k)einen Rand um das Bild
   sind zwei Leerzeichen die an jedes Bild angehängt werden

closedir($dir); - Der Ordner images/slide wird wieder geschlossen.

$max=count($bilder)-1; - Die Anzahl der Bilder (inhalte des arrays $bilder) wird ermittelt und der Variablen $max übergeben.

for($i=0;$i<=$max;$i++) { - nun wird über eine (for)Schleife Bild für Bild ausgelesen.

$bild.=$bilder[$i]; - Diese Bilder werden in der Variablen $ Bild gespeichert. - Damit auch ALLE Bilder gespeichert und wiedergegeben werden können, ist es erforderlich, das vor dem = ein Punkt . gesetzt wird.

Die Variable $ Bild hat nach dem kompletten Durchlauf der Schleife ALLE Bilder gespeichert und diese werden im Template index mit eben $bild wiedergegeben.

So ist erst mal ganz Grob der Ablauf des kleinen Programms.
Wenn es gewünscht wird kann ich gerne noch auf die einzelnen php-Befehle eingehen.
Diese werden aber auch im Internet sehr gut erklärt.
Wer es wissen möchte und mit den Erklärungen im Internet nicht zurecht kommt fragt einfach nach.

LG
haumi

Geschrieben von Flughund am 06.04.2011 um 05:57:

Guten Morgen Haumi,

Danke Haumi st6

ich werde am WE noch einen Hack Einbauen in PI-PSP Bastelgarten und danch werde ich es mal in Testforum einbauen.

Liebe Grüße
Flughund st1

Geschrieben von Tinchen am 14.10.2012 um 21:13:

Soderle, ich bräuchte dann auch mal Hilfe....

Habs versucht und hab die Originalen wieder eingespielt....

Geschrieben von haumi am 16.10.2012 um 20:27:

Hi Tinchen,
der Ordner slide fehlt noch.

LG
haumi

Geschrieben von Tinchen am 16.10.2012 um 21:10:

Wo genau muss der denn hin...? Weil der is vorhanden unter html ---->> wbb2

Geschrieben von haumi am 16.10.2012 um 21:25:

Ist eingebaut und funktioniert.
Ich habe den Order dort gelassen und den Code angepasst.

LG
haumi

Geschrieben von Tinchen am 16.10.2012 um 21:29:

Okay danke dir.....

Aaaaaabbbbber noch ne Frage und zwar brauch ich da nur in den ordner Bilder rein schmeissen und der übernimmt das automatisch?

€dit: ich habs ausprobiert gg st14

edit2: Aber der zeigt ein leeres Kästchen an....... Also alle anderen werden angezeigt nur das nicht.....

Geschrieben von haumi am 17.10.2012 um 08:04:

Bilder werden ale korrekt angezeigt!

LG
haumi