ممكن اعرف هدا الكود حق ايش وطريقة استخدامو

اذهب الى الأسفل

ممكن اعرف هدا الكود حق ايش وطريقة استخدامو

مُساهمة من طرف Meko_72 في الثلاثاء 18 ديسمبر 2012 - 18:49

ممكن اعرف هدا الكود حق ايش وطريقة استخدامو
الكود:


    <!-- �������� jquery ����� ��� -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
    <script>
    $(document).ready(function() {
    $(".paging").show();
    $(".paging a:first").addClass("active");
    var imageWidth = $(".window").width();
    var imageSum = $(".image_reel img").size();
    var imageReelWidth = imageWidth * imageSum;
    $(".image_reel").css({'width' : imageReelWidth});
    rotate = function(){
        var triggerID = $active.attr("rel") - 1;
        var image_reelPosition = triggerID * imageWidth;
        $(".paging a").removeClass('active');
        $active.addClass('active');
        $(".image_reel").animate({
            left: -image_reelPosition
        }, 500 );
    };
    rotateSwitch = function(){
        play = setInterval(function(){
            $active = $('.paging a.active').next();
            if ( $active.length === 0) {
                $active = $('.paging a:first');
            }
            rotate();
        }, 4000); //��� ���� ����� ��� ������� �������� 4 �����
    };
    rotateSwitch();

    $(".image_reel a").hover(function() {
        clearInterval(play);
    }, function() {
        rotateSwitch();
    });
    $(".paging a").click(function() {
        $active = $(this);
        clearInterval(play);
        rotate();
        rotateSwitch();
        return false;
    });
    });
    </script>

    <!-- �������� jquery �����  ��� -->
    <!-- �������� style ����� ����� -->
    <style type="text/css">
    *{outline: none;}
    img {border: 0;}
    .container {
        width: 790px;
        padding: 0;
        margin: 0 auto;
    }
    .folio_block {
        position: absolute;
        left: 50%; top: 50%;
        margin: -140px 0 0 -395px;
    }
    .main_view {
        float: left;
        position: relative;
    }
    .window {
    /*--������� ���� �����--*/
        height:250px;    width: 600px;
    /*--����� ������� ���� �����--*/
        overflow: hidden;
        position: relative;
    }
    .image_reel {
        position: absolute;
        top: 0; left: 0;
    }
    .image_reel img {float: left;}
    .paging {
        position: absolute;
        bottom: 40px; right: -7px;
        width: 178px; height:47px;
        z-index: 100;
        text-align: center;
        line-height: 40px;
        background: url(http://i47.servimg.com/u/f47/15/47/68/39/bg10.png) no-repeat;
        display: none;
        }
    .paging a {
        padding: 5px;
        text-decoration: none;
        color: #fff;
    }
    .paging a.active {
        font-weight: bold;
        background: #920000;
        border: 1px solid #610000;
        -moz-border-radius: 3px;
        -khtml-border-radius: 3px;
        -webkit-border-radius: 3px;
    }
    .paging a:hover {font-weight: bold;}
    </style>

    <!-- �������� style ����� ��� -->

    </head>

    <body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">

    <!--�����  ����� ����� -->

    <div style="position: absolute; width: 221px; height: 100px; z-index: 103; left: 304px; top: 184px" id="a" align="center">
        <div class="main_view">
            <div class="window">
                <div class="image_reel" style="position: absolute; left: 1px; top: 31px; height:966px" id="c">
                    <a href="http://jayyousi.alafdal.net/h3-page">


                    <img src="http://www.loverfog.net/images/3.png" alt="" width="600" height="221" /></a>
                    <a href="http://jayyousi.alafdal.net/h3-page/">

                    <img src="http://www10.0zz0.com/2012/12/10/13/195518464.png" alt="" width="600" height="221" /></a>
                    <a href="https://www.facebook.com/laithjayyosi">
                    <img src="http://www6.0zz0.com/2012/12/10/13/646030898.png" alt="" width="600" height="221" /></a>
                    <a href="http://www.facebook.com/laithjayyosi/">
                    <img

    src="http://www9.0zz0.com/2012/12/10/13/132265557.jpg" alt="" width="600" height="221" /></a>
    <a href="http://www.facebook.com/laithjayyosi/"></div>
            </div>



            <div class="paging" style="position: absolute; left: 422px; bottom: 204px" id="b">
                <a href="#" rel="1">1</a> <a href="#" rel="2">2</a>
      <a href="#" rel="3">3</a> <a href="#" rel="4">4</a>
            </div>
        </div>
avatar
Meko_72
 
 

انثى
عدد المساهمات : 117
معدل النشاط : 2354
السُمعة : -2

http://sweet-anime.forumalgerie.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ممكن اعرف هدا الكود حق ايش وطريقة استخدامو

مُساهمة من طرف MaRlEn في الثلاثاء 18 ديسمبر 2012 - 19:40

والله حتى انا ابغى اعرفف
avatar
MaRlEn



انثى
عدد المساهمات : 2
معدل النشاط : 1983
السُمعة : -1

http://k-ingdom.forumarabia.com/forum

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ممكن اعرف هدا الكود حق ايش وطريقة استخدامو

مُساهمة من طرف Kimo Mimo في السبت 22 ديسمبر 2012 - 0:07

أهلاً بك اختي .. الكود عباره عن صوره عند الضغط عليها توجه الي مركز رفع خاص بمنتداي Arrow

الكود يوضع في : لوحة الادارة > مظهر المنتدي > تشكيلات عامة > وضع اعلان في الصفحة الرئيسية > المحتوي : هنا يوضع الكود .. اضغط سجل
avatar
Kimo Mimo
 
 

ذكر
عدد المساهمات : 14513
معدل النشاط : 17732
السُمعة : 724

http://help.ahlamontada.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى