نمایش نتایج: از شماره 1 تا 6 , از مجموع 6

موضوع: آیا این کار میشود ؟

  1. #1
    عضو جدید drhannibal آواتار ها
    تاریخ عضویت
    Apr 2012
    نوشته ها
    56
    تشکر تشکر کرده 
    148
    تشکر تشکر شده 
    22
    تشکر شده در
    21 پست

    پیش فرض آیا این کار میشود ؟

    سلام

    مثل صفحه اول این سایت: http://180.ir میشه چیزی ساخت؟ 2 عکس متحرک داخل هم. افزونه ای ؟ روشی ؟

    آیا نمیشه سورس این رو جدا کرد؟ چطور جدا کنم و بتونم توی وردپرس بزارم ، (فقط صفحه اول میخوام )

    تشکر خیلی فراوان

  2. # ADS




     

  3. #2
    عضو انجمن peym@n آواتار ها
    تاریخ عضویت
    Jul 2015
    محل سکونت
    hetzner
    نوشته ها
    472
    تشکر تشکر کرده 
    675
    تشکر تشکر شده 
    892
    تشکر شده در
    625 پست

    پیش فرض پاسخ : آیا این کار میشود ؟

    درود
    فقط اسلایدر همچین چیزی میخواهید؟
    موفق باشید
    پارس وب هاست با 6 سال سابقه درخشان در زمینه هاست,دامین,سرور مجازی,سرور اختصاصی
    تلفن:02195119965
    پارس وب هاست

  4. تعداد تشکر ها از peym@n به دلیل پست مفید


  5. #3
    عضو جدید drhannibal آواتار ها
    تاریخ عضویت
    Apr 2012
    نوشته ها
    56
    تشکر تشکر کرده 
    148
    تشکر تشکر شده 
    22
    تشکر شده در
    21 پست

    پیش فرض پاسخ : آیا این کار میشود ؟

    من توی وردپرس میخوام صفحه اول سایتم بذارم ، 2 یا چند تصویر دقیقا با همین فرم و حالت. امکانش هستن این کار تبدیل کرد به یک کد اسکریپت ؟

    این کد توی این سایت هست : همینه ؟

    <script>

    var samsung = document.getElementById('samsung');
    var lg = document.getElementById('lg');
    var linksLG = document.getElementsByClassName('linkLg');
    var linksSam = document.getElementsByClassName('linkSam');

    $('#lg').addClass('active');
    TweenLite.to(samsung, 0.8, {scale:1});
    TweenLite.to(lg, 0.8, {scale:1});
    TweenMax.to(samsung, 0.8, {bezier:[{x:-30, y:0}, {x:80, y:-80}],scale:0.7, ease:Linear.easeNone});
    TweenLite.to(samsung, 0.8, {filter:'blur(2px)',webkitFilter:'blur(2px)'});
    TweenLite.to(linksLG, 0.6, {opacity:1,left:180});
    var brLG = document.getElementsByClassName('headMenuLg-br');
    var brLGTxt = document.getElementsByClassName('headMenuLg-txt');
    $('.headMenuLg').hover(function(){
    TweenMax.to(brLG, 0.3, {width:'100%', ease:Expo.easeInOut});
    TweenMax.to(brLGTxt, 0.3, {right:0,opacity:1, ease:Expo.easeInOut});
    },function(){
    TweenMax.to(brLG, 0.3, {width:'0', ease:Expo.easeInOut});
    TweenMax.to(brLGTxt, 0.3, {right:'-100%',opacity:0, ease:Expo.easeInOut});
    });
    var brSam = document.getElementsByClassName('headMenuSamsung-br');
    var brSamTxt = document.getElementsByClassName('headMenuSamsung-txt');
    $('.headMenuSamsung').hover(function(){
    TweenMax.to(brSam, 0.3, {width:'100%', ease:Expo.easeInOut});
    TweenMax.to(brSamTxt, 0.3, {left:0,opacity:1, ease:Expo.easeInOut});
    },function(){
    TweenMax.to(brSam, 0.3, {width:'0', ease:Expo.easeInOut});
    TweenMax.to(brSamTxt, 0.3, {left:'-100%',opacity:0, ease:Expo.easeInOut});
    });
    $('#samsung').mouseover(function(e) {
    if ($(this).hasClass('active')){
    }else{
    TweenLite.to(linksSam, 0.6, {opacity:1,right:190});
    TweenLite.to(linksLG, 0.6, {opacity:0,left:400});
    $('#lg').removeClass('active');
    $(this).addClass('active');
    TweenMax.to(lg, 0.8, {bezier:[ {x:30, y:0}, {x:-80, y:-80}],scale:0.7, ease:Linear.easeNone});
    TweenLite.to(lg, 0.8, {filter:'blur(2px)',webkitFilter:'blur(2px)'});
    TweenLite.to(samsung, 0.8, {scale:1,filter:'blur(0)',webkitFilter:'blur(0)'}) ;
    TweenMax.to(samsung, 0.8, {bezier:[ {x:-30, y:0}, {x:0, y:0}], ease:Linear.easeNone});
    }
    });
    $('#lg').mouseover(function(e) {
    if ($(this).hasClass('active')){
    }else{
    TweenLite.to(linksLG, 0.6, {opacity:1,left:190});
    TweenLite.to(linksSam, 0.6, {opacity:0,right:400});
    $('#samsung').removeClass('active');
    $(this).addClass('active');
    TweenMax.to(samsung, 0.8, {bezier:[{x:-30, y:0}, {x:80, y:-80}],scale:0.7, ease:Linear.easeNone});
    TweenLite.to(samsung, 0.8, {filter:'blur(2px)',webkitFilter:'blur(2px)'});
    TweenMax.to(lg, 0.8, {bezier:[{x:30, y:0}, {x:0, y:0}], ease:Linear.easeNone});
    TweenLite.to(lg, 0.8, {scale:1,filter:'blur(0)',webkitFilter:'blur(0)'}) ;
    }
    });
    $('.divLinks a').mouseover(function() {
    var imgD = $(this).find('img');
    TweenLite.to(imgD, 0, {rotationY:0});
    TweenLite.to(imgD, 2, {rotationY:720});
    });
    </script>

  6. #4
    عضو انجمن peym@n آواتار ها
    تاریخ عضویت
    Jul 2015
    محل سکونت
    hetzner
    نوشته ها
    472
    تشکر تشکر کرده 
    675
    تشکر تشکر شده 
    892
    تشکر شده در
    625 پست

    پیش فرض پاسخ : آیا این کار میشود ؟

    درود
    در بخش درخواست سرویس اعلام نمائید افر داده بشه خدمتتون
    موفق باشید
    پارس وب هاست با 6 سال سابقه درخشان در زمینه هاست,دامین,سرور مجازی,سرور اختصاصی
    تلفن:02195119965
    پارس وب هاست

  7. تعداد تشکر ها از peym@n به دلیل پست مفید


  8. #5
    عضو انجمن
    تاریخ عضویت
    Jul 2015
    محل سکونت
    تبریز
    نوشته ها
    395
    تشکر تشکر کرده 
    108
    تشکر تشکر شده 
    318
    تشکر شده در
    256 پست

    پیش فرض پاسخ : آیا این کار میشود ؟

    نقل قول نوشته اصلی توسط drhannibal نمایش پست ها
    سلام

    مثل صفحه اول این سایت: http://180.ir میشه چیزی ساخت؟ 2 عکس متحرک داخل هم. افزونه ای ؟ روشی ؟

    آیا نمیشه سورس این رو جدا کرد؟ چطور جدا کنم و بتونم توی وردپرس بزارم ، (فقط صفحه اول میخوام )

    تشکر خیلی فراوان
    با سلام

    فقط اسلایدر باشه بله امکان پذیر هست


  9. تعداد تشکر ها از CYCLONER به دلیل پست مفید


  10. #6
    عضو جدید drhannibal آواتار ها
    تاریخ عضویت
    Apr 2012
    نوشته ها
    56
    تشکر تشکر کرده 
    148
    تشکر تشکر شده 
    22
    تشکر شده در
    21 پست

    پیش فرض پاسخ : آیا این کار میشود ؟

    امکانش هست یک نمونه قابل ادیت نشون بدین تا خودم یاد بگیرم ؟

    از راهنماییتون ممنونم : )

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •