mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 24.04.2024 14:08 Benutzername: Passwort: Auto-Login

Thema: JQuery Bilder Slider erstellen vom 06.11.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> JQuery Bilder Slider erstellen
Autor Nachricht
bongartz
Threadersteller

Dabei seit: 05.01.2007
Ort: Uerdingen / Ingolstadt
Alter: 38
Geschlecht: Männlich
Verfasst So 06.11.2011 15:12
Titel

JQuery Bilder Slider erstellen

Antworten mit Zitat Zum Seitenanfang

Hallo,

ich habe vor mir einen eigenen Bilderslider mit Jquery zu erstellen. Warum ich keinen fertigen nehmen ist recht einfach, ich will selber wissen was mein Slider macht und ich will schnell und einfach neue Funktionen hinzufügen können. Ich habe mir einige Slider angeschaut und bis ich da den Code komplett verstehe will ich mir doch selbst einen Slider programmieren.

Ich habe mir auch schon die Jquery Methoden angeschaut, welche ich verwenden will. Nur dummerweise stehe ich gerade von einer Denkblockade. Ich will einen Seite haben die z.B. immer 600 Pixel breit ist und 350 Pixel hoch ist. Die Bilder die angezeigt werden sollen haben die gleichen Abmessungen. Jetzt frage ich mich gerade wie ich es schaffe, dass das zweite Bild von der rechten Seite mit der animate() Methoden einsliden lassen und das erste blid zur anderen Seite ausgeslidet wird ohne, dass die Seitenabmessung von 600 Pixel überschritten wird. Vielleicht ist diese Frage auch so einfach zu lösen, dass ich deswegen nicht auf die Antwort komme *zwinker*.

Die Bilder wollte ich vielleicht in einer Liste einfügen oder diesen eigen Div's geben. Hatte mir überlegt mit Hide zu arbeiten, aber damit wird immer alles ausgeblendet und somit wäre der Effet ja nicht zu sehen.

Ich hoffe das ich mein Problem halbwegs sauber beschreiben habe.

Danke

Gruß

Bongartz
  View user's profile Private Nachricht senden
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst So 06.11.2011 20:14
Titel

Antworten mit Zitat Zum Seitenanfang

dein denkanstoß heißt: overflow: hidden;
  View user's profile Private Nachricht senden
Anzeige
Anzeige
immerIch

Dabei seit: 19.10.2010
Ort: #mein{display:block}
Alter: 35
Geschlecht: Männlich
Verfasst Mo 07.11.2011 14:44
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo bongartz,
habe diesbezüglich vor einiger Zeit schon ein kleines Tutorial bei Designnation.de geschrieben
http://tutorials.designnation.de/workshop/Schritt-fuer-Schritt-zum-eigenen-jQuerySlider--v2

Evtl. hilfts dir ja ein wenig weiter.

Gruß
  View user's profile Private Nachricht senden
bongartz
Threadersteller

Dabei seit: 05.01.2007
Ort: Uerdingen / Ingolstadt
Alter: 38
Geschlecht: Männlich
Verfasst Di 08.11.2011 11:26
Titel

Antworten mit Zitat Zum Seitenanfang

Danke für Eure Hilfe, ich werde es mir am Wochenende mal in Ruhe anschauen und euch zurückmelden ob ich damit hinbekommen habe.
  View user's profile Private Nachricht senden
bongartz
Threadersteller

Dabei seit: 05.01.2007
Ort: Uerdingen / Ingolstadt
Alter: 38
Geschlecht: Männlich
Verfasst Di 08.11.2011 21:50
Titel

Antworten mit Zitat Zum Seitenanfang

Hat alles Primate mit dem Befehl overflow geklappt. Jetzt kann ich anfangen es schön aussehen zu lassen. Danke euch!
  View user's profile Private Nachricht senden
 
Ähnliche Themen jQuery Info Slider (Content Slider)
jQuery Plugin - Slider als Input wie in jQuery UI
jQuery S3 Slider
(JQuery) Erweiterung des Horizontal Slider
jQuery multiple slider in 5 Bereichen
Problem mit Slider / jQuery / PHP / mySQLi
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.