Şimdi Ara

Arkadaşlar merhaba

Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
1 Misafir - 1 Masaüstü
5 sn
3
Cevap
0
Favori
144
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • Arkadaşlar merhaba
    Ben orta_alt seviye HTML siteleryapıyorum. Bir şey eklemem lazım.
    bir kutuda iki resim ortadan ayrılmış şekilde Ortada ok var sağa sola çektikte sağdaki resim sola çektikçe sağdaki resim açılıyor.
    inşaat sitesi yapıyorum eski-yeni aynı kutu çalışması. Nasıl ekleyebilirim kendi siteme beceremedim.

    Örnek siteden alıntı ama .

    <!-- Introduction text -->
     
    <section id="introduction" class="introduction">
    <div class="row">
    <div class="ba-slider ten columns center" >
    <img src="images/k1.jpg" alt="" />
    <img src="images/k2.jpg" alt="" />
    </div>
    </div>
    <div class="row">
    <div class="ten columns center">
    <!-- The title -->
    <div class="title">
    <h1>KÖŞK RESTORASYONU</h1>
    <hr>
    </div>
    <!-- Text and a button -->
    <p class="big thin">Kültür bakanlığı yapı ve denetim şartlarına ve yasalara uygun şekilde restorasyon Tamirat ve tadilat projelerimizden bazıları .</p>
    </div>
    </div>
    </section>
    
                                            







  • Yapmak istediğini sadece htmlle yapamazsın. Jquery veya javascript gerekli. Örnek verdiğin sitenin adresini de yazabilir misin?

    önce ortadaki çizgiye tıklanan anı yakalayacaksın.
    farenin tıklı olduğu süre boyunca resimlerin left rightlarıyla, z indexiyle bilmemnesiyle oynayarak artık nasıl bir görüntü olmasını istiyorsan o şekilde ayarlayacaksın.
    mouseup daysa bu işlem bitecek yani

    bir tane global $.tıklı = false; gibi bir mantıksal belirle.

    o ortadaki çizginin mousedown anında $.tıklı = true; yap.

    o kutu dediğin şeye bind ettiğin mousemove'unda da şekil şükülleriyle oynayacağın işlemler if($.tıklı){} nın içinde olsun.

    kutunun mouseupıyla da $.tıklı = false; yap. hatta bunu bodyye bind et yoksa adam kutunun dışına sürükler mouseunu parmağını da kaldırırsa işlemin devam eder.



    < Bu mesaj bu kişi tarafından değiştirildi bobali -- 16 Mart 2017; 19:16:58 >
  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.