Haumis wbb hilfe 
Registrierung Kalender Mitgliederliste Teammitglieder Suche Häufig gestellte Fragen Zur Startseite
Galerie Datenbank Zum Portal

Startseite| Das Board| wbb2| wbblite| Wo finde ich was| Veränderungen| Grafik-Bereich-WBB2| Boardspiele| Vorstellungen| Allgemeines| Trainingscenter|
Haumis wbb hilfe » WBB2 » Fragen zum WBB2 » Slider(Bildlaufband) » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen
Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen Slider(Bildlaufband)
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Flughund Flughund ist männlich


images/avatars/avatar-128.jpg
[meine Galerie]


Dabei seit: 13.06.2009
Beiträge: 269
Herkunft: Erlangen
Postid: 7981
Slider(Bildlaufband) Beitrag Nr.: 1     Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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?si...marquee-up-down


Danke schon mal in Voraus.


Liebe Grüße
Flughund st1 st1 st1

Dateianhang:
txt Slider Versuch.txt (4 KB, 5 mal heruntergeladen)


__________________

05.04.2011 06:17 Flughund ist offline E-Mail an Flughund senden Homepage von Flughund Beiträge von Flughund suchenNehmen Sie Flughund in Ihre Freundesliste auf Fügen Sie Flughund in Ihre Kontaktliste ein AIM-Name von Flughund: omatyr111 YIM-Name von Flughund: Flughund_Bernd MSN Passport-Profil von Flughund anzeigen
haumi haumi ist männlich
Boardbetreiber

images/avatars/avatar-214.jpg
[meine Galerie]


Dabei seit: 06.06.2009
Beiträge: 3.441
Herkunft: NRW
Postid: 7983
Beitrag Nr.: 2     Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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

__________________
Gelassen das hinnehmen, was nicht zu ändern ist,
engagiert angehen was man gestalten kann.

05.04.2011 07:13 haumi ist offline E-Mail an haumi senden Homepage von haumi Beiträge von haumi suchenNehmen Sie haumi in Ihre Freundesliste auf
Flughund Flughund ist männlich


images/avatars/avatar-128.jpg
[meine Galerie]


Dabei seit: 13.06.2009
Beiträge: 269
Herkunft: Erlangen
Postid: 7986
Themenstarter Thema begonnen von Flughund
Beitrag Nr.: 3     Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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

__________________

05.04.2011 20:57 Flughund ist offline E-Mail an Flughund senden Homepage von Flughund Beiträge von Flughund suchenNehmen Sie Flughund in Ihre Freundesliste auf Fügen Sie Flughund in Ihre Kontaktliste ein AIM-Name von Flughund: omatyr111 YIM-Name von Flughund: Flughund_Bernd MSN Passport-Profil von Flughund anzeigen
Flughund Flughund ist männlich


images/avatars/avatar-128.jpg
[meine Galerie]


Dabei seit: 13.06.2009
Beiträge: 269
Herkunft: Erlangen
Postid: 7988
Themenstarter Thema begonnen von Flughund
Beitrag Nr.: 4     Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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 />


__________________

05.04.2011 21:09 Flughund ist offline E-Mail an Flughund senden Homepage von Flughund Beiträge von Flughund suchenNehmen Sie Flughund in Ihre Freundesliste auf Fügen Sie Flughund in Ihre Kontaktliste ein AIM-Name von Flughund: omatyr111 YIM-Name von Flughund: Flughund_Bernd MSN Passport-Profil von Flughund anzeigen
haumi haumi ist männlich
Boardbetreiber

images/avatars/avatar-214.jpg
[meine Galerie]


Dabei seit: 06.06.2009
Beiträge: 3.441
Herkunft: NRW
Postid: 7989
Beitrag Nr.: 5     Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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

__________________
Gelassen das hinnehmen, was nicht zu ändern ist,
engagiert angehen was man gestalten kann.

05.04.2011 22:11 haumi ist offline E-Mail an haumi senden Homepage von haumi Beiträge von haumi suchenNehmen Sie haumi in Ihre Freundesliste auf
haumi haumi ist männlich
Boardbetreiber

images/avatars/avatar-214.jpg
[meine Galerie]


Dabei seit: 06.06.2009
Beiträge: 3.441
Herkunft: NRW
Postid: 7991
Beitrag Nr.: 6     Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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\">&nbsp;&nbsp;"; -
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\">&nbsp;&nbsp;"

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
&nbsp;&nbsp; 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

__________________
Gelassen das hinnehmen, was nicht zu ändern ist,
engagiert angehen was man gestalten kann.

05.04.2011 23:09 haumi ist offline E-Mail an haumi senden Homepage von haumi Beiträge von haumi suchenNehmen Sie haumi in Ihre Freundesliste auf
Flughund Flughund ist männlich


images/avatars/avatar-128.jpg
[meine Galerie]


Dabei seit: 13.06.2009
Beiträge: 269
Herkunft: Erlangen
Postid: 7993
Themenstarter Thema begonnen von Flughund
Beitrag Nr.: 7     Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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 st1 st1

__________________

06.04.2011 05:57 Flughund ist offline E-Mail an Flughund senden Homepage von Flughund Beiträge von Flughund suchenNehmen Sie Flughund in Ihre Freundesliste auf Fügen Sie Flughund in Ihre Kontaktliste ein AIM-Name von Flughund: omatyr111 YIM-Name von Flughund: Flughund_Bernd MSN Passport-Profil von Flughund anzeigen
Tinchen Tinchen ist weiblich


images/avatars/avatar-63.gif
[meine Galerie]


Dabei seit: 14.01.2010
Beiträge: 375
Postid: 12522
Beitrag Nr.: 8     Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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

Habs versucht und hab die Originalen wieder eingespielt....
14.10.2012 21:13 Tinchen ist offline E-Mail an Tinchen senden Homepage von Tinchen Beiträge von Tinchen suchenNehmen Sie Tinchen in Ihre Freundesliste auf MSN Passport-Profil von Tinchen anzeigen
haumi haumi ist männlich
Boardbetreiber

images/avatars/avatar-214.jpg
[meine Galerie]


Dabei seit: 06.06.2009
Beiträge: 3.441
Herkunft: NRW
Postid: 12542
Beitrag Nr.: 9     Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Hi Tinchen,
der Ordner slide fehlt noch.

LG
haumi

__________________
Gelassen das hinnehmen, was nicht zu ändern ist,
engagiert angehen was man gestalten kann.

16.10.2012 20:27 haumi ist offline E-Mail an haumi senden Homepage von haumi Beiträge von haumi suchenNehmen Sie haumi in Ihre Freundesliste auf
Tinchen Tinchen ist weiblich


images/avatars/avatar-63.gif
[meine Galerie]


Dabei seit: 14.01.2010
Beiträge: 375
Postid: 12544
Beitrag Nr.: 10     Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Wo genau muss der denn hin...? Weil der is vorhanden unter html ---->> wbb2
16.10.2012 21:10 Tinchen ist offline E-Mail an Tinchen senden Homepage von Tinchen Beiträge von Tinchen suchenNehmen Sie Tinchen in Ihre Freundesliste auf MSN Passport-Profil von Tinchen anzeigen
haumi haumi ist männlich
Boardbetreiber

images/avatars/avatar-214.jpg
[meine Galerie]


Dabei seit: 06.06.2009
Beiträge: 3.441
Herkunft: NRW
Postid: 12545
Beitrag Nr.: 11     Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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

LG
haumi

__________________
Gelassen das hinnehmen, was nicht zu ändern ist,
engagiert angehen was man gestalten kann.

16.10.2012 21:25 haumi ist offline E-Mail an haumi senden Homepage von haumi Beiträge von haumi suchenNehmen Sie haumi in Ihre Freundesliste auf
Tinchen Tinchen ist weiblich


images/avatars/avatar-63.gif
[meine Galerie]


Dabei seit: 14.01.2010
Beiträge: 375
Postid: 12546
Beitrag Nr.: 12     Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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.....
16.10.2012 21:29 Tinchen ist offline E-Mail an Tinchen senden Homepage von Tinchen Beiträge von Tinchen suchenNehmen Sie Tinchen in Ihre Freundesliste auf MSN Passport-Profil von Tinchen anzeigen
haumi haumi ist männlich
Boardbetreiber

images/avatars/avatar-214.jpg
[meine Galerie]


Dabei seit: 06.06.2009
Beiträge: 3.441
Herkunft: NRW
Postid: 12547
Beitrag Nr.: 13     Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Bilder werden ale korrekt angezeigt!

LG
haumi

__________________
Gelassen das hinnehmen, was nicht zu ändern ist,
engagiert angehen was man gestalten kann.

17.10.2012 08:04 haumi ist offline E-Mail an haumi senden Homepage von haumi Beiträge von haumi suchenNehmen Sie haumi in Ihre Freundesliste auf
Baumstruktur | Brettstruktur
Gehe zu:
Neues Thema erstellen Antwort erstellen
Haumis wbb hilfe » WBB2 » Fragen zum WBB2 » Slider(Bildlaufband)

Views heute: 21.460 | Views gestern: 56.587 | Views gesamt: 71.654.872
Powered by Burning Board 2.3.6 © 2001-2004 WoltLab GmbH
Am Netz seit dem 3.6.2009 - Powered by © haumis-Team
Style & Buttons © by FriendsbistroTeam
Boardregeln Impressum & Haftungsauschluss Datenschutzerklärung