گروه کامپیوتر دانشگاه آزاد

اساتید و دانشجویان دانشگاه آزاد اسلامی

گروه کامپیوتر دانشگاه آزاد

اساتید و دانشجویان دانشگاه آزاد اسلامی

لوگو گروه کامپیوتر دانشگاه آزاد

بِسْمِ اللَّهِ الرَّحْمَٰنِ الرَّحِیمِ
زکات علم، نشر آن است. گروه کامپیوتر دانشگاه آزاد با هدف خدمت به دانش آموزان ، دانشجویان و آنهایی که علاقه به برنامه نویسی و طراحی و کلیه امور تخصصی کامپیوتر دارند با هدف نشر علم خدمت رسانی کند امید است کاربران در جهت تحقق این اهداف والا یار و همدم ما باشند . . .

اعتبار سنجی سایت
logo-samandehi
تبلیغات نمایندگی بیمه آسیا
آرشیو سایت
ترم بندی کامپیوتر

تغییر در آرشیو سایت و دسته بندی مطالب

نمایش داده می شوید!
اخطار جدی به کپی برداران از سایت
پلیس سایبری
طبق ماده (12) قانون جرايم رايانه اي: هرکس به طور غیرمجاز داده ای متعلق به دیگری را برباید، چنانچه عین داده‌ ها در اختیار صاحب آن باشد، به جزای نقدی از یک تا بیست میلیون ریال و در غیر این صورت به حبس از نود و یک روز تا یک سال یا جزای نقدی از پنج تا بیست میلیون ریال یا هر دو مجازات محکوم خواهد شد.
آخرین نظرات
تبادل بنر بیت کوین

برای نمایش دموی اسلایدر کلیک کنید

اسلایدر عکس برای بیان

تمام حقوق این اسلاید متعلق به گروه کامپیوتر دانشگاه آزاد به آدرس Www.Unit-Sardroud.Blog.Ir می باشد و در صورت مشاهده استفاده از این اسلایدر با حذف نام ما و آدرس ما این اسلایدر از کار خواهد افتاد با تشکر از شما دوستان عزیز

گروه کامپیوتر دانشگاه آزاد

کد ها در ادامه مطالب

کد های زیر را در بین تگ <head>  <head/>

جایگذاری فرمائید.

<!--code slider www.unit-sardroud.blog.ir-->

            <style type="text/css">
                body {
                    
                }
                *{outline: none;}
                img {border: 0;}
                .container {
                    width: 790px;
                    padding: 0;
                    margin: 0 auto;
                }
                .folio_block {
                    position: absolute;
                    
                 
                }


                /*--Main Container--*/
                .main_view {
                    float: left;
                    position: relative;
                }
                /*--Window/Masking Styles--*/
                .window {
                    height:286px;    width: 790px;
                    overflow: hidden; /*--Hides anything outside of the set width/height--*/
                    position: relative;
                }
                .image_reel {
                    position: absolute;
                    top: 0; left: 0;
                }
                .image_reel img {float: left;}

                /*--Paging Styles--*/
                .paging {
                    position: absolute;
                    bottom: 40px; right: -7px;
                    width: 178px; height:47px;
                    z-index: 100; /*--Assures the paging stays on the top layer--*/
                    text-align: center;
                    line-height: 40px;
                    background: url(http://rafig.zgig.ir/slide-1-kimiascript.com_/paging_bg2.png) no-repeat;
                    display: none; /*--Hidden by default, will be later shown with jQuery--*/
                }
                .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>
<!--code slider www.unit-sardroud.blog.ir-->

کدهای زیر را بین تگ <body><body/> در جائی که می خواهید

نمایش داده شود جایگذاری فرمائید.

<!--slider code www.unit-sardroud.blog.ir-->
     <script src="http://rafig.zgig.ir/slide-1-kimiascript.com_/jquery.js" type="text/javascript"></script>
        <script type="text/javascript">

            $(document).ready(function() {

                //Set Default State of each portfolio piece
                $(".paging").show();
                $(".paging a:first").addClass("active");

                //Get size of images, how many there are, then determin the size of the image reel.
                var imageWidth = $(".window").width();
                var imageSum = $(".image_reel img").size();
                var imageReelWidth = imageWidth * imageSum;

                //Adjust the image reel to its new size
                $(".image_reel").css({'width' : imageReelWidth});

                //Paging + Slider Function
                rotate = function(){
                    var triggerID = $active.attr("rel") - 1; //Get number of times to slide
                    var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

                    $(".paging a").removeClass('active'); //Remove all active class
                    $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)

                    //Slider Animation
                    $(".image_reel").animate({
                        left: -image_reelPosition
                    }, 500 );

                };

                //Rotation + Timing Event
                rotateSwitch = function(){
                    play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
                        $active = $('.paging a.active').next();
                        if ( $active.length === 0) { //If paging reaches the end...
                            $active = $('.paging a:first'); //go back to first
                        }
                        rotate(); //Trigger the paging and slider function
                    }, 7000); //Timer speed in milliseconds (3 seconds)
                };

                rotateSwitch(); //Run function on launch

                //On Hover
                $(".image_reel a").hover(function() {
                    clearInterval(play); //Stop the rotation
                }, function() {
                    rotateSwitch(); //Resume rotation
                });

                //On Click
                $(".paging a").click(function() {
                    $active = $(this); //Activate the clicked paging
                    //Reset Timer
                    clearInterval(play); //Stop the rotation
                    rotate(); //Trigger rotation immediately
                    rotateSwitch(); // Resume rotation
                    return false; //Prevent browser jump to link anchor
                });

            });
        </script>
    <center>
  <div class="container">

            <div class="folio_block">

                <div class="main_view">
                    <div class="window">
                        <div class="image_reel" style="width: 3160px; left: -2370px;">
                            <a href="#"><img alt="" src="http://rafig.zgig.ir/slide-1-kimiascript.com_/reel_1.jpg"></a>
                            <a href="#"><img alt="" src="http://rafig.zgig.ir/slide-1-kimiascript.com_/reel_2.jpg"></a>
                            <a href="#"><img alt="" src="http://rafig.zgig.ir/slide-1-kimiascript.com_/reel_3.jpg"></a>
                            <a href="#"><img alt="" src="http://rafig.zgig.ir/slide-1-kimiascript.com_/reel_4.jpg"></a>
                        </div>
                    </div>
                    <div class="paging" style="display: block;">
                        <a class="" href="#" rel="1">1</a>
                        <a class="" href="#" rel="2">2</a>
                        <a class="" href="#" rel="3">3</a>
                        <a class="" href="#" rel="4">4</a>
                                        Unit-sardroud.blog.ir
                    </div>
                </div>
            </div>

        </div>
    </center>
    <!--slider code www.unit-sardroud.blog.ir-->

نظرات (۹)

چجوری عکس هد رو اسلایدر کنیم
داداش ممنون میشم برام انجام بدی خیلی لازم دارم...
داداش چی شد؟؟! برای وب ما حل شد؟!
  • محمد عباسی
  • چطوری مطالب وعکسا رو تو اسلاید بگذارم
    ✔ پاسخ :
    مطالب امکانش نیست ولی برای عکسا کافیه آدرس عکس رو جایگزین آدرس عکس های فعلی کنید
    مرسی اقا مهدی کارتون حرف نداره.فدا
    ✔ پاسخ :
    فدا لطف داری داداش بذار برا وبلاگت حل کنم
    داداش متایسفانه امکان جاوا اسکریپ و نداری :-(
    مهدی جون اینا کجا قرار میگیره؟؟زیر هدر؟؟؟؟بیا توضیح بده برام.بکار وبلاگم خیلی میاد
    ✔ پاسخ :
    داداش کداشو هر جا بذاری اونجا نمایش داده میشه
    دست شما درد نکنه
    ✔ پاسخ :
    سلام ممنون عزیز وظیفه انسانی بود
  • آرش فرزانه نژاد
  • عالی مثل همیشه دست شما درد نکنه ;)
    ✔ پاسخ :
    فدا ممنون نظر لطفته آرش جان عزیز
    کاملا بی ریخت و زشت یعنی اگه این سلیقه شمارو... هیچی ولش کن
    ✔ پاسخ :
    خب هرجور می دونید ولی میشد پیشنهاد میدادید کجاش بد هست تا اصلاح می کردیم باز شرمنده اگه بد شده :-(
    ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
    تجدید کد امنیتی