lostyazilim
tr.link

Tecrübe Eseri Jquery Slider

10 Mesajlar 2.053 Okunma
lstbozum
tr.link

Valkyrie Valkyrie Interface Designer / IT Kullanıcı
  • Üyelik 03.07.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek Interface Designer / IT
  • Konum İzmir
  • Ad Soyad S** E**
  • Mesajlar 1365
  • Beğeniler 20 / 195
  • Ticaret 2, (%100)
Selamlar,




heryerde kare diktörtgen sliderlar mevcut anca bu sliderler nasıl yapılıyor ? maskeleme tarzı birşey mi var acaba? buna benzer slideri olanlar mevcutmudur veya eğitimi ?
 

 

the World shall know Pain
Interface Designer / IT
wmaraci
reklam

kelebek kelebek WM Aracı Kullanıcı
  • Üyelik 11.05.2013
  • Yaş/Cinsiyet 32 / E
  • Meslek Geliştirici
  • Konum Malatya
  • Ad Soyad E** K**
  • Mesajlar 3142
  • Beğeniler 60 / 764
  • Ticaret 5, (%100)
Hocam bunun jquery ile alakası yok 2 yolla yapabilirsiniz

1-Css ile o şekli vereceksiniz
2-Resmi o şekilde yapacaksınız
 

 

Muhsin ASLAN Muhsin ASLAN Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 10.07.2012
  • Yaş/Cinsiyet 29 / E
  • Meslek Developer
  • Konum Konya
  • Ad Soyad M** A**
  • Mesajlar 1120
  • Beğeniler 1086 / 244
  • Ticaret 1, (%100)
Resim kare olacak resimin üstündeli dive yukarıda dediği gibi aynı şekli vereceksiniz sonra resim kayacak olan yeri saydam yapacaksınız sonra resim alta resim üstündeki divde yukaru çıkacak (z-index), slider'ı çalıştırdığınızda resim aşaıdan kayacak olay budur.
 

 

Valkyrie Valkyrie Interface Designer / IT Kullanıcı
  • Üyelik 03.07.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek Interface Designer / IT
  • Konum İzmir
  • Ad Soyad S** E**
  • Mesajlar 1365
  • Beğeniler 20 / 195
  • Ticaret 2, (%100)

kelebek adlı üyeden alıntı

Hocam bunun jquery ile alakası yok 2 yolla yapabilirsiniz

1-Css ile o şekli vereceksiniz
2-Resmi o şekilde yapacaksınız


Resim o şekilde değil, misal veriyorum şu sitedeki resimler kare ancak slider yuvarlak olduğu için o şekilde gösteriliyor.
http://baijs.nl/tinycircleslider/

Muhsin ASLAN adlı üyeden alıntı

Resim kare olacak resimin üstündeli dive yukarıda dediği gibi aynı şekli vereceksiniz sonra resim kayacak olan yeri saydam yapacaksınız sonra resim alta resim üstündeki divde yukaru çıkacak (z-index), slider'ı çalıştırdığınızda resim aşaıdan kayacak olay budur.

Varmı bunun benzeri bir çalışma görebileceğim ?
 

 

the World shall know Pain
Interface Designer / IT
wmaraci
wmaraci

Muhsin ASLAN Muhsin ASLAN Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 10.07.2012
  • Yaş/Cinsiyet 29 / E
  • Meslek Developer
  • Konum Konya
  • Ad Soyad M** A**
  • Mesajlar 1120
  • Beğeniler 1086 / 244
  • Ticaret 1, (%100)
Şuan işteyim elim müsait olursa demo olarak gönderebilirim.
 

 

Valkyrie Valkyrie Interface Designer / IT Kullanıcı
  • Üyelik 03.07.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek Interface Designer / IT
  • Konum İzmir
  • Ad Soyad S** E**
  • Mesajlar 1365
  • Beğeniler 20 / 195
  • Ticaret 2, (%100)
iyi olur ya, örnekler lazım.
 

 

the World shall know Pain
Interface Designer / IT

azizarslan azizarslan Arayüz Geliş3G Kullanıcı
  • Üyelik 28.05.2013
  • Yaş/Cinsiyet 64 / E
  • Meslek Front-End Developer
  • Konum İstanbul Anadolu
  • Ad Soyad ** **
  • Mesajlar 57
  • Beğeniler 38 / 16
  • Ticaret 0, (%0)
2 tane div olur, birisi yuvarlak veya yamuk şekilleri vermeyi sağlayan div, diğeri slider div'i. Şekilleri vermeyi sağlayan div eğer slider div'inin üzerinde olursa bu görüntüyü elde edersiniz. http://goo.gl/HoQKFy bu sitede bahsettiğim tarzda bir çalışma yaptım.

Bunun yanı sıra svg kullanarak da yapabilirsiniz ancak ilk söylediğime göre biraz kasabilir.
 

 

html, css, javascript ve biraz da insan...

LadyArch3r LadyArch3r Web Developer Kullanıcı
  • Üyelik 02.04.2011
  • Yaş/Cinsiyet 34 / E
  • Meslek Web Developer
  • Konum Antalya
  • Ad Soyad B** K**
  • Mesajlar 930
  • Beğeniler 60 / 102
  • Ticaret 3, (%100)
Bir örnek yaptım.

http://cdscript.com/slider/

http://cdscript.com/slider/slider.zip
 

 

Valkyrie Valkyrie Interface Designer / IT Kullanıcı
  • Üyelik 03.07.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek Interface Designer / IT
  • Konum İzmir
  • Ad Soyad S** E**
  • Mesajlar 1365
  • Beğeniler 20 / 195
  • Ticaret 2, (%100)


eve geçince direk indirip inceleyeceğim, teşekkürler HOCAM
 

 

the World shall know Pain
Interface Designer / IT

apexna apexna WM Aracı Kullanıcı
  • Üyelik 27.06.2013
  • Yaş/Cinsiyet 35 / E
  • Meslek öğrenci
  • Konum İzmir
  • Ad Soyad ** **
  • Mesajlar 62
  • Beğeniler 2 / 8
  • Ticaret 0, (%0)
css+png
 

 

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al