قرار دادن تصاویر در باکس

در اين بخش مي‌توانيد در مورد تمامي مسائل و موضوعات مرتبط با طراحي صفحات اينترنتي به بحث بپردازيد

مدیران انجمن: Mahdi Mahdavi, شوراي نظارت

ارسال پست
Junior Poster
Junior Poster
پست: 117
تاریخ عضویت: شنبه ۱۱ مهر ۱۳۸۸, ۹:۲۶ ب.ظ
سپاس‌های ارسالی: 105 بار
سپاس‌های دریافتی: 48 بار

قرار دادن تصاویر در باکس

پست توسط soroush parsi »

سلام
من یه سوال دارم .
اگه بخوایم یه چارچوب درست کنیم , که توی این چارچوب ما دو سطر و دو ستون داشته باشیم و چهار عکس رو توی این چارچوب قرار بدیم .
طوری که اگه ابعاد هر عکس قرار گرفته در چارچوب مثلا اگه 100*100 باشه با بردن موس روی عکس ابعاد اون بشه 150*150 , و وقتی موس رو از روی عکس بر میداریم به ابعاد اولیه برگرده .
اینکار رو می خوام در پست ها انجام بدم اما موفق نشدم . سیستم هم وردپرس هستش .
متشکرم
تصویر

Colonel II
Colonel II
نمایه کاربر
پست: 3472
تاریخ عضویت: جمعه ۲۰ اردیبهشت ۱۳۸۷, ۹:۴۴ ق.ظ
سپاس‌های ارسالی: 5879 بار
سپاس‌های دریافتی: 12411 بار
تماس:

Re: قرار دادن تصاویر در باکس

پست توسط Solver »

    ,

اگر منظور شما کوچک شدن در سمت کاربر است، باید از جاوا اسکریپت کمک بگیرید. کافی شما برای اتفاق منطبق شدن و خارج شدن موس تابع تغییر سایز را فراخوانی کنید. مثلا:

Please Login or Register to see this code

و جهت فراخوانی تصویر:

Please Login or Register to see this code

کاری که شما میتوانید بکنید این است که جای onload در زمان onhover (قرار گرفتن موس روی تصویر) تابع را فراخوانی کنید. و تابع معکوس را زمان خارج شدن موس از روی تصویر.

در مورد ستون ها و سطرها که مربوط به html است و کار ساده ای است. میتونید4 تابع استفاده کنید برای 4 تصویر، اما توصیه من استفاده از یک تابع مشترک است. با کمی جستجو در اینترنت مثال های آماده فراوانی خواهید یافت.

البته وردپرس باید پلاگین مربوطه را به شکل اماده داشته باشد. تصویر 
Personal Site: [External Link Removed for Guests]
Junior Poster
Junior Poster
پست: 117
تاریخ عضویت: شنبه ۱۱ مهر ۱۳۸۸, ۹:۲۶ ب.ظ
سپاس‌های ارسالی: 105 بار
سپاس‌های دریافتی: 48 بار

Re: قرار دادن تصاویر در باکس

پست توسط soroush parsi »

به به میلاد جان :D دوست با وفا
ممنون از توضیحاتتون .
اون کد جاوا رو باید تو کدوم قسمت کپی کنم ؟ منظورم هدر , فوتر و ایناست . و اینکه قبل از کدوم تگ باید قرار بگیره ؟
لینک عکس رو باید تو اون کدی که جهت فراخوانی ذکر کردید قرار بدم ؟
اگه میشه یکم سطح پایینتر توضیح بدی ممنون میشم :D :razz:
Colonel II
Colonel II
نمایه کاربر
پست: 3472
تاریخ عضویت: جمعه ۲۰ اردیبهشت ۱۳۸۷, ۹:۴۴ ق.ظ
سپاس‌های ارسالی: 5879 بار
سپاس‌های دریافتی: 12411 بار
تماس:

Re: قرار دادن تصاویر در باکس

پست توسط Solver »

ببخشید، الان تازه متوجه شدم پرسشگر شما هستید :o

امیدوارم پر انرژی پیش رفته باشید این مدت که غایب بودم،

در مورد سوال اگر سایتی سراغ دارید که نمونه مورد نظر شما را به کار بسته معرفی کنید، تا دقیقا کد مطلوب را استخراج کنم براتون.

با کمی حوصله و بررسی مثال های زیر خودتون هم میتونید نتیجه مطلوب را بگیرید. از معذرویت زمانی که آگاه هستید :-)

[External Link Removed for Guests]

[External Link Removed for Guests]

[External Link Removed for Guests]
Personal Site: [External Link Removed for Guests]
ارسال پست

بازگشت به “طراحي صفحات اينترنتي”