::: در حال بارگیری لطفا صبر کنید :::Loading , please wait ...

انجمن کدستانMoisrex

MoisrexMoisrex.rozblog.com
زمان جاریtime : پنجشنبه 14 تیر 1403 - 5:23 قبل از ظهر
نام کاربریusername : پسوردpassword : یاor عضویتregister | رمز عبور را فراموش کردمForgot your password?
شما در سایت ما ثبت نام نکرده اید و یا وارد اکانت کاربری خود نشده اید. از شما خواهشمند هستیم You are not log in to site. Please وارد شویدlogin یاor ثبت نام کنیدregister .
ابزار بزرگ کردن تصویر به صورت حرفه ای
تعداد بازدیدvisits : 639
m_saeedi آفلاین



ارسال هاAnswers : 1
عضویتRegistration date : 5 /3 /1393
ابزار بزرگ کردن تصویر به صورت حرفه ای

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

ببخشید من یه سوال داشتم

من یک وبلاگ دارم که در آنجا بعضی از کالا ها فروخته می شود و می خواهم در ادامه مطلب چند عکس از آن کالا باشد و وقتی روی یکی از آن عکس ها نگه دارید بزرگ و زوم شود لطفا ابزاری در این مورد معرفی کنید سه عکس پایین

و از این کد شما هم استفاده کردم ولی نتیجه ای نداد و کدتان مشکل داشت(یا شاید من استفده ش رو بلد نبودم)

کد:
<!DOCTYPE html><html>

<head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>Moisrex</title></head>

<body> </body>

</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>بزرگنمائی</title></head><script type="text/javascript" src="http://l0rdl.persiangig.com/z/jquery.min.js"></script><script type="text/javascript" src="http://l0rdl.persiangig.com/z/ddpowerzoomer.js"></script><script type="text/javascript">jQuery(document).ready(function($){ //fire on DOM ready $('img.#galleryc').addpowerzoom({powerrange:[2,8], largeimage:"http://www.ordup.org/images/uploads/791a9cd17a047fb841d51b1226753e0c/f5a410aff790d187232c31b229aa2e56.jpg", magnifiersize:[100,100]})})</script><body><a href="http://moisrex.r98.ir/"> </a><center><img id="galleryc" src="https://rozup.ir/up/kawasaki-badminton-semnan/Kawasaki-full-carbon-badminton-navigtor3100-3300-3500-3700.jpg_350x350.jpg" style="width:240px; height:300px" /></center><body/><a href="http://moisrex.rozblog.com/">moisrex</a></html>

چهارشنبه 13 اسفند 1393 - 23:41
ارسال پیامsend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
oisrex آفلاین



ارسال‌هاAsnwers : 747
عضویتRegistration date : 4 /8 /1393
حمایت کردهthanks : 231
حمایت شدهThanked : 886
پاسخAnswer 1 : ابزار بزرگ کردن تصویر به صورت حرفه ای

سلام

کد:
<style>

#SenBackLoginBox{

background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5);

width: 100%;

height: 100%;

position: fixed;

top: 0px;

left: 0px;

z-index: 10000;

font: 11px tahoma;

display:none;

}

#SenCodeLoginBox{

width: 40%;

top: 27%;

left: 28%;

background: none repeat scroll 0% 0% #E5E5E5;

position: absolute;

margin: 0px auto;

padding: 10px;

border: 6px solid #28A9CC;

text-align: justify;

direction: rtl;

border-radius: 4px;

box-shadow: 0px 0px 15px #4B4849;

z-index: 100;

}

#SenCodeLoginBox{

text-align: justify;

direction: rtl;

}

</style>

<script>

function closebox(){

document.getElementById('SenBackLoginBox').style.display='none';

}

</script>

<script>

function openbox(){

document.getElementById('SenBackLoginBox').style.display='block';

}

</script>

<div style="width:150px" onmouseout="closebox();" onmouseover="openbox()"><img src="http://moisrex.rozblog.com/user/Avatar/moisrex/oisrex.jpg"></div>

<div id="SenBackLoginBox">

<div id="SenCodeLoginBox">

<img style="width:500;height:500" src="http://moisrex.rozblog.com/user/Avatar/moisrex/oisrex.jpg">

</div>

</div>


پنجشنبه 14 اسفند 1393 - 00:12
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : smaeal -
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
پاسخAnswer 2 : ابزار بزرگ کردن تصویر به صورت حرفه ای

اینم نمونه ی جیکوئریش...

باید روش کار کنی...

اونی که نوید داده کاملاً سادست و به سایتت فشار نمیاره...

ولی اینم سبکه...ولی خب 30 کیلوبایت سنگین میکنه سایتتو...:

این حرکتش نرم تره...

کد:
<style>

#SenBackLoginBox{

background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5);

width: 100%;

height: 100%;

position: fixed;

top: 0px;

left: 0px;

z-index: 10000;

font: 11px tahoma;

display:none;

}

#SenCodeLoginBox{

width: 40%;

top: 15%;

left: 28%;

background: none repeat scroll 0% 0% #E5E5E5;

position: absolute;

margin: 0px auto;

padding: 10px;

border: 6px solid #28A9CC;

text-align: justify;

direction: rtl;

border-radius: 4px;

box-shadow: 0px 0px 15px #4B4849;

z-index: 100;

}

#SenCodeLoginBox{

text-align: justify;

direction: rtl;

}

</style>

<script src="http://up.3nafari.ir/up/3nafari/theme3/js/jquery.js"></script>

<script>

$(document).ready(function(){

$('#sen,#SenCodeLoginBox img').mousemove(function(){

if(typeof jQuery!='undefined'){

if($('#SenBackLoginBox').css('display')=='none')

$('#SenBackLoginBox').fadeIn(400);

else

$('#SenBackLoginBox').fadeOut(400);

}

});

});

</script>

<div style="width:150px" id="sen"><img src="http://moisrex.rozblog.com/user/Avatar/moisrex/oisrex.jpg"></div>

<div id="SenBackLoginBox">

<div id="SenCodeLoginBox">

<img style="width:500;height:500" src="http://moisrex.rozblog.com/user/Avatar/moisrex/oisrex.jpg">

</div>

</div>


===================================================
برای تشکر از دکمه « سپاسگزارم » استفاده نمایید
پنجشنبه 14 اسفند 1393 - 07:08
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
devel آفلاین



ارسال‌هاAsnwers : 48
عضویتRegistration date : 23 /10 /1393
حمایت کردهthanks : 22
حمایت شدهThanked : 30
پاسخAnswer 3 : ابزار بزرگ کردن تصویر به صورت حرفه ای

فکر کنم ایشون یه چیزی مثل زوم 5040 میخوان

یعنی روی هر قسمت زوم کنه

پنجشنبه 14 اسفند 1393 - 08:13
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
پاسخAnswer 4 : ابزار بزرگ کردن تصویر به صورت حرفه ای

نه...اونطوری باید روی هاست باشی...چون کمی وب رو سنگین میکنه که اصلاً پیشنهاد نمیشه...


===================================================
برای تشکر از دکمه « سپاسگزارم » استفاده نمایید
پنجشنبه 14 اسفند 1393 - 09:38
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport



moisrex
درباره ماAbout us لینک های ماOur links کلمات کلیدیKeywords
انجمن تخصصی کدستان ، ساخته شده توسط فردی با نام مستعار Moisrex می باشد.This forum designed by a person who called Moisrex.

ایمیلE-mail : Moisrex @ Gmail.com
کدستان,انجمن کدستان,کدنویسی,انجمن پشتیبانی,فروم,رزبلاگ,آموزش کدنویسی,درخواست کد
تمامی حقوق این انجمن مربوط به همین انجمن می باشد | طراحی قالبCopyright (c) By Moisrex , All rights reserved | Desiger : Moisrex