PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : آیا این کار میشود ؟



drhannibal
November 18th, 2015, 19:24
سلام

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

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

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

peym@n
November 18th, 2015, 20:10
درود
فقط اسلایدر همچین چیزی میخواهید؟
موفق باشید

drhannibal
November 18th, 2015, 20:18
من توی وردپرس میخوام صفحه اول سایتم بذارم ، 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>

peym@n
November 18th, 2015, 20:27
درود
در بخش درخواست سرویس اعلام نمائید افر داده بشه خدمتتون
موفق باشید

CYCLONER
November 18th, 2015, 20:28
سلام

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

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

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

با سلام

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

drhannibal
November 18th, 2015, 20:55
امکانش هست یک نمونه قابل ادیت نشون بدین تا خودم یاد بگیرم ؟

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