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

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

MoisrexMoisrex.rozblog.com
زمان جاریtime : یکشنبه 30 اردیبهشت 1403 - 8:52 بعد از ظهر
نام کاربریusername : پسوردpassword : یاor عضویتregister | رمز عبور را فراموش کردمForgot your password?
شما در سایت ما ثبت نام نکرده اید و یا وارد اکانت کاربری خود نشده اید. از شما خواهشمند هستیم You are not log in to site. Please وارد شویدlogin یاor ثبت نام کنیدregister .
ابزار بزرگ کردن تصویر به صورت حرفه ای
تعداد بازدیدvisits : 592
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