کد رشد تصویر یا زوم عکس در سایت به صورت خودکار
کد رشد تصویر یا زوم عکس در سایت به صورت خودکار این کدر در قالب سایت با وبلاگ قرار داده شده و ادرس تصویر مورد نظر را در کد جایگزین کنید.بعد از ورود کاربر و لود شدن صفحه تصویر مورد نظر شما شروع به بزرگ شدن یا زوم شدن میکند.
سرعت رشد تصویر را میتوانید از این قسمت total = total * 800; در کد ویرایش نمایید .
هرچه عدد کوچکتر شود سرعت رشد عکس بیشتر میشود.
کد زیر دوقسمتی میباشد قسما اول کد را در هد سایت و قسمت دوم را در قسمتهای دلخواه خود میتوانید استفاده نمایید.
برای استفاده در نوشته ها و… کد قسمت اول را در هد قالب خود قرار دهید و کد قسمت دوم را در نوشته های خود قرار دهید.
ادرس عکس را میتوانید از قسمت دوم تغییر دهید
<div style="position:absolute;top:-200%;"><a href="https://codebazan.ir/">کد رشد تصویر یا زوم عکس در سایت به صورت خودکار</a></div><SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var ival, imgname, total, steps, maxx, maxy, currentx, currenty, dx, dy;
function zoomImg(imgname, total, steps, maxx, maxy) {
// convert the total from seconds to miliseconds
total = total * 800;
objref = eval("document.getElementById('"+imgname+"')");
currentx = objref.width;
currenty = objref.height;
// work out how much we need to increase the image by each step
// devide image sizes by number of steps to get the amount we need to change each step
stepx = maxx / steps;
stepy = maxy / steps;
// devide the total time (in ms) by the number of steps to get the interval time
inttime = total / steps;
// set the interval to increase the size of the image by the required pixels
functionRef = "resizeImg('"+imgname+"', "+stepx+", "+stepy+", "+maxx+", "+maxy+")";
ival = setInterval(functionRef, inttime);
}
function resizeImg(imgname, dx, dy, maxx, maxy) {
objref = eval("document.getElementById('"+imgname+"')");
currentx = objref.width;
currenty = objref.height;
if ((currentx<maxx-dx) && (currenty<maxy-dy)) {
objref.height = currenty + dy;
objref.width = currentx + dx;
}
else {
clearInterval(ival);
objref.height = maxy;
objref.width = maxx;
}
}
// End -->
</script>
<!---این کد را در هر جای سایتتان که قرار است کد ب نمایش در بیاد بزارید---->
<BODY onLoad="zoomImg('test', 10, 150, 300, 200)">
<!---قرار دادن ادرس تصویر مورد نظر شما در کد زیر--->
<div align="center"><img src="https://codebazan.ir/test.png" name="test" id="test" height="2" width="3"></div>
مرررررررررررررررررررررررسی عالی بود
این کدو فقط تو این سایت دیدم
سلام
ممنونم از سایت خوبتون
سلام این ممنون که طریقه زوم شدن عکس رو گذاشین فقط یه سوال با زوم شدن عکس مقدار عرض و ارتفاع نیز همراه اون بزرگ میشود. میشه بگین چجوری میشه عکس درحالی که زوم می شود عرض و ارتفاع آن تغییری نکند.
سلام
تلگرامم گوشه سمت چپ سایت هست کلیک کن پیام بده …