تسجيل الدخول | التسجيل | الأسئلة المتكررة
Anonymous

Fotogalerie

+ إضافة رد

3 مشاركة صفحة 1 من 1


Fotogalerie

بواسطة Milchig » الخميس يوليو 17, 2014 10:47 am

Hallo,
Ich bin neu im Forum da ich mich seit einiger Zeit mit dem Programmieren einer HTML-Seite herumschlage. Und zwar möchte ich gerne eine Fotogalerie erstellen, eine die wie zb hier zu sehen ist: http://www.mtv.com/. Es sollte einfach eine sein mit Thumbnails und Pfeilen als Navigation. Wie mache ich das am besten?
Lg
Milchig
صورة العضو الشخصية

Milchig

  • مشاركات: 2
  • اشترك في: الخميس يوليو 17, 2014 10:42 am

Re: Fotogalerie

بواسطة XainPro » الخميس يوليو 17, 2014 11:47 am

JAVASCRIPT

$(function () {

/* SET PARAMETERS */
var change_img_time = 5000;
var transition_speed = 100;

var simple_slideshow = $("#exampleSlider"),
listItems = simple_slideshow.children('li'),
listLen = listItems.length,
i = 0,

changeList = function () {

listItems.eq(i).fadeOut(transition_speed, function () {
i += 1;
if (i === listLen) {
i = 0;
}
listItems.eq(i).fadeIn(transition_speed);
});

};

listItems.not(':first').hide();
setInterval(changeList, change_img_time);

});

.

HTML

<ul id="exampleSlider">
<li><img src="http://placehold.it/500x250" alt="" /></li>
<li><img src="http://placehold.it/500x250" alt="" /></li>
<li><img src="http://placehold.it/500x250" alt="" /></li>
<li><img src="http://placehold.it/500x250" alt="" /></li>
</ul>

http://jsfiddle.net/sagive/cAsB3/
صورة العضو الشخصية

XainPro

  • مشاركات: 3933
  • اشترك في: الجمعة فبراير 17, 2012 8:10 pm

Re: Fotogalerie

بواسطة Milchig » الخميس يوليو 17, 2014 2:42 pm

Hallo,
Danke erstmal für die Antwort! Könntest du mir vlt noch sagen, wie ich das mit der Pfeilnavigation hinbekomme?
Danke & Lg
Milchig
صورة العضو الشخصية

Milchig

  • مشاركات: 2
  • اشترك في: الخميس يوليو 17, 2014 10:42 am


+ إضافة رد

صفحة 1 من 1