Register for your free account! | Forgot your password?

Go Back   elitepvpers › Coders Den › Web Development
Einfache HTML Slideshow/Gallerie Einfache HTML Slideshow/Gallerie
You last visited: Today at 23:12

  • Please register to post and access all features, it's quick, easy and FREE!

Advertisement


Advertise with us!

Einfache HTML Slideshow/Gallerie

Discussion on Einfache HTML Slideshow/Gallerie within the Web Development forum part of the Coders Den category.

Reply
 
Old   #1
 
elite*gold: LOCKED
The Black Market: 139/0/1
Join Date: Jan 2013
Posts: 2,752
Received Thanks: 126
Einfache HTML Slideshow/Gallerie

Hallo Leute,

ich habe folgende Bilder auf meinem Webserver:

<img src="/gallerie/1.jpg" width="408" height="306" alt="">
<img src="/gallerie/2.jpg" width="408" height="306" alt="">
<img src="/gallerie/3.jpg" width="408" height="306" alt="">
<img src="/gallerie/4.jpg" width="408" height="306" alt="">
<img src="/gallerie/5.jpg" width="408" height="306" alt="">
<img src="/gallerie/6.jpg" width="408" height="306" alt="">
<img src="/gallerie/7.jpg" width="408" height="306" alt="">
<img src="/gallerie/8.jpg" width="408" height="306" alt="">
<img src="/gallerie/9.jpg" width="408" height="306" alt="">
<img src="/gallerie/10.jpg" width="408" height="306" alt="">
<img src="/gallerie/11.jpg" width="408" height="306" alt="">
<img src="/gallerie/12.jpg" width="408" height="306" alt="">
<img src="/gallerie/13.jpg" width="408" height="306" alt="">
<img src="/gallerie/14.jpg" width="408" height="306" alt="">
<img src="/gallerie/15.jpg" width="408" height="306" alt="">
<img src="/gallerie/17.jpg" width="408" height="306" alt="">
<img src="/gallerie/18.jpg" width="408" height="306" alt="">
<img src="/gallerie/19.jpg" width="408" height="306" alt="">
<img src="/gallerie/20.jpg" width="408" height="306" alt="">
<img src="/gallerie/21.jpg" width="408" height="306" alt="">
<img src="/gallerie/22.jpg" width="408" height="306" alt="">

Wie erstellt man nun eine einfache Gallerie/Slideshow?

Oder hat vlt jemand was? Einfach dass es schön aussieht. So wie jetzt.. ja, weiter muss ich nichts dazu sagen :-D
JuliaWacker is offline  
Old   #2
 
elite*gold: 0
The Black Market: 0/0/0
Join Date: Oct 2013
Posts: 538
Received Thanks: 164
Shetiru is offline  
Thanks
1 User
Old   #3
 
elite*gold: LOCKED
The Black Market: 139/0/1
Join Date: Jan 2013
Posts: 2,752
Received Thanks: 126
Quote:
Originally Posted by Shetiru View Post
Werde es morgen einmal testen. Danke
JuliaWacker is offline  
Old   #4
 
mhaendler's Avatar
 
elite*gold: 0
The Black Market: 53/0/0
Join Date: Jul 2008
Posts: 1,826
Received Thanks: 226


Hier hab ich eine Variante für einen "eigenen Slider" geschrieben, welche theoretisch genau auf dich passt. Dies wäre dann ein eigens implementierter Slider:

Quote:
Du könntest verschiedene Ansätze verwenden hier ein kleines Beispiel für einen eigenen Slider (ist sehr schnell zusammengeschrieben sorry):

Du hast Bildnamen von 1-4 sag ich jetzt mal also 1.jpg ....
Du hast ein img-Tag im HTML mit id in der "src" steht ja die URL des Bilder drinnen.

Wenn nun jemand auf den Pfeil drückt (onClick="nextImage()") in nextImage holst du dir über die ID (getElementById) die ID deiner Image Tags (oder jquery $('#id')) und veränderst den src Wert auf eine Zählervariable welche du global definierst.

Vom System her verstanden wie ich es meine?

Hoffe konnte helfen / dir den Weg zu deinem eigenen!! ImageSlider näher bringen

Zitat:
Du hast Bildnamen von 1-4 sag ich jetzt mal also 1.jpg ....
Du hast ein img-Tag im HTML mit id in der "src" steht ja die URL des Bilder drinnen.
Je nach Programmierkenntnissen kann man das über ein Array / JSON schöner lösen dann kannst du nämlich irgendwelche Dateinamen verwenden da die Werte über den Index des Array's / JSON ausgegeben werden
mhaendler is offline  
Old   #5
 
KoKsPfLaNzE's Avatar
 
elite*gold: 0
The Black Market: 1/0/0
Join Date: Jan 2009
Posts: 731
Received Thanks: 233
Was auch nutzen kannst ist , kann meiner meinung bissel mehr als dieser Nivo Slider, da die Doku um einiges besser ist.
KoKsPfLaNzE is offline  
Old   #6
 
elite*gold: 0
The Black Market: 0/0/0
Join Date: Oct 2013
Posts: 2
Received Thanks: 0
Servus,

Eine Galerie kann man auch gut mit der Scriptsprache "ruby on rails" erstellen.
Gibt es aber noch ne einfache Variante. Google mal "PHPSlideShow".

mfg
Rock_Garden is offline  
Old   #7
 
elite*gold: LOCKED
The Black Market: 139/0/1
Join Date: Jan 2013
Posts: 2,752
Received Thanks: 126
Quote:
Originally Posted by Rock_Garden View Post
Servus,

Eine Galerie kann man auch gut mit der Scriptsprache "ruby on rails" erstellen.
Gibt es aber noch ne einfache Variante. Google mal "PHPSlideShow".

mfg
Brauche einfach einen ganz simplen Slider, der auf meine ganz simple Homepage passt :-P
JuliaWacker is offline  
Old   #8

 
elite*gold: 128
The Black Market: 76/0/0
Join Date: Jan 2011
Posts: 688
Received Thanks: 95
Hey,
Kann die das jQuery Element: Lightbox empfehlen.
Hat jedoch kein Automatisches durchlaufen nach meiens Wissens, kannst dann halt immer auf Next klicken

best regards
Luxxus² is offline  
Old   #9
 
kissein's Avatar
 
elite*gold: 0
The Black Market: 0/0/0
Join Date: Sep 2005
Posts: 427
Received Thanks: 87
einfaches CSS in Chrome, keyframe definitionen für IE, FF, etc müssen noch hingezugefügt werden.
kissein is offline  
Reply

« [PHP] shell_exec: sudo: no tty present and no askpass program specified | Lizenz-System + Shop »

Similar Threads Similar Threads
[S]Einfache Html Seite[B]eg
12/23/2012 - elite*gold Trading - 11 Replies
Einfache Html Seite Moinsen, ich soll über die Weihnachtsferien für meine Schule eine Html Seite erstellen, wozu ich jetzt aber nicht wirklich lust zu habe. Also dachte ich mir ich frag hier mal nach ob jemande lust hat eine zu machen ;) Das Thema der Seite soll sein: Retro Games(Die ganz alten wie: Pong, Pacman, Space Inviders) http://images.pictureshunt.com/pics/p/pacman_game -1973.gif Ihr werdet mir bescheid geben wenn ihr anfangt die Seite zu machen, und mir screnns von der...
Problem mit Slideshow
10/04/2012 - Web Development - 4 Replies
Hallo, ich habe bei mir auf der Seite ein Problem mit der Slideshow, undzwar zeigt er mir das Bild an, aber die Buttons für "Prev/Next" nicht. hier mal die js: $(function(){ $('.slider').mobilyslider({ content: '.sliderContainer', children: 'div',
Morris' Gallerie - Alles nur 10 elite*gold
02/27/2012 - elite*gold Trading - 4 Replies
Schon seit Längerem gibt es jetzt diesen Shop. Ich erstelle Avatare, Userbars, Buttons, Signaturen, Render, Header,Schriftzüge, HD-Grafiken die ich selber anfertige und sie euren Wünschen anpasse . Dies geschieht natürlich mit Photoshop. Ich habe keine Festpreise, sondern nur angegeben, in welchem Rahmen es ca. sein wird. Vllt. könnt ihr verstehen, dass wenn ihr bei mir eine Grafik in Auftrag gebt, sie nicht nach einer halben Stunde fertig ist. Ein Mitgrund dafür ist, dass ich mir sehr viel...
[Sammelthread]~Minecraft Gallerie~[Only Screenshots]
10/22/2011 - Minecraft - 7 Replies
Hallo e*pvper Ich hatte die Idee, eine kleine Minecraft Gallerie zu eröffnen, in Form eines Sammelthreads. Ich finde es nämlich sehr interessant, was ihr so während dem Minecraft zocken so baut. Damit das hier nicht zuviel wird, bitte ich euch eure Besten Bauten zu posten. Und nicht jedes Werk. Ich hoffe, dass dieser Thread in ordnung geht, und es nicht schon solch einen Thread gibt, da ich keinen dieser Art gefunden habe.
Suche slideshow
02/06/2011 - Flyff Private Server - 2 Replies
hallo e pvp ich poste es hier da ich es hier poste und die konkorentz mit in letzter zeit immer zu viel gehackt wird ich suche eine slide show wie bei denen homapges hier ich finde die einfach so geil mit dem rum schwingen ich finde das krass kann die mir vileicht einer geben oder sagen wie ich sie kriege weil ich habe sie versucht zu basteln aus deren quel cod aber funtzt net wirklich naja



All times are GMT +2. The time now is 23:12.

elitepvpers - play less, get more - Top

Powered by vBulletin®
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.
SEO by vBSEO ©2011, Crawlability, Inc.

Support | Contact Us | FAQ | Advertising | Privacy Policy | Terms of Service | Abuse
Copyright ©2026 elitepvpers All Rights Reserved.