0
Kayıt Ol

resimlerimi nasıl yana doğru kaydırabilirim!

5

●

784

  • 03-06-2010, 20:15:55
    #1
    CengiS
    CengiS
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Arkadaşlar şimdi elimde bir kaç resim var (sitemin tasarımını düzenliyorum) bu resimleri ben nasıl yana doğru kaydırabilirim sanırım bu kodun adı merque ydi ama resmin üzerine gelince duracak şekilde kod olmalı.
  • 03-06-2010, 20:55:01
    #2
    ugurcg
    ugurcg
    <marquee direction="left" onmouseover="this.stop();" onmouseout="this.start();">Yazı gelecek</marquee>
  • 03-06-2010, 21:00:36
    #3
    _TopraK_
    _TopraK_
    Üyeliği durduruldu
    şuan kullandığım kod
    <marquee direction="left" scrollamount="5" width:"100" height="100" onMouseOver="this.stop()" onMouseOut="this.start()">
    <img src="resim.jpg" border="1" width="100" height="100">
    </marquee>
  • 03-06-2010, 21:31:32
    #4
    CengiS
    CengiS
    sağolun arkadaşlar + repledim peki bu dikey çizgiyi hangi kodlarla yapabilirim..
  • 04-06-2010, 16:46:18
    #5
    cocainer
    cocainer
    marquee güzel birşey değil artık çok eskidi ve çok dandik bir şekilde kayıyor onun yerine jquery filan kullanmayı deneyebilirsin.

    örn. http://jqueryfordesigners.com/automa...nite-carousel/
  • 04-06-2010, 19:26:25
    #6
    MehmetAlp
    MehmetAlp
    evet marquue İnternet Explorer 8'de çalışmıyor ve çok eskidi. Geçenlerde benzeri birşey yaptım, http://www.maaki.com/thomas/SmoothDivScroll/ Smooth Div Scroll''u kullanabilirsin.

    Resim üzerine gelince duruyor, sağ ve sol sütunlara yaklaştın mı akışı hızlandırabiliyorsun.

    Öncelikle jquerydosyasını sayfana çağır.
    Alıntı
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    Kodu ile, ardından <head> - </head> tagları arasına sınıfı çağıracak şu jquery kodlarını yapıştır.
    Alıntı
    <script type="text/javascript">
    $(function() {
    $("div#makeMeScrollable").smoothDivScroll({scrolli ngSpeed: 12, mouseDownSpeedBooster: 3, autoScroll: "onstart", autoScrollDirection: "endlessloop", autoScrollSpeed: 1, visibleHotSpots: "onstart", hotSpotsVisibleTime: 9, startAtElementId: "startAtMe"});

    });
    </script>
    Style kodlarınıda hemen altına yapıştır.
    Alıntı
    <style type="text/css">

    #makeMeScrollable
    {
    width:100%;
    height: 80px;
    position: relative;
    }

    #makeMeScrollable div.scrollableArea *
    {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    }

    </style>
    Aşağıda ki kısımları resimlerin kayarken sitenin neresinde görünmesini istiyorsan oraya ekle.
    Alıntı
    <div id="makeMeScrollable">
    <div class="scrollingHotSpotLeft"></div>
    <div class="scrollingHotSpotRight"></div>
    <div class="scrollWrapper">
    <div class="scrollableArea">

    <img src="resim adresi" id="startAtMe" />

    <img src="2.resim adresi" alt="Demo image" />


    </div>
    </div>
    </div>
    // id=startatme koyduğun resim ilk oalrak görüntülenir.
    // http://www.maaki.com/thomas/SmoothDivScroll/ en alt kısımda yer alan birtakım css kodları daha var onları .css dosyana ekle. Width ve height ile oynarsan boyutlarınıkendine göre düzenleyebilirsin.

    İnceleyeibleceğin başka bir jquery kütüphanesi ; http://zingocan.com/jquery-marquee-plugin.html