صفحه 1 از 1

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

ارسال شده: پنج‌شنبه ۱۱ شهریور ۱۳۸۹, ۷:۳۷ ب.ظ
توسط soroush parsi
سلام
من یه سوال دارم .
اگه بخوایم یه چارچوب درست کنیم , که توی این چارچوب ما دو سطر و دو ستون داشته باشیم و چهار عکس رو توی این چارچوب قرار بدیم .
طوری که اگه ابعاد هر عکس قرار گرفته در چارچوب مثلا اگه 100*100 باشه با بردن موس روی عکس ابعاد اون بشه 150*150 , و وقتی موس رو از روی عکس بر میداریم به ابعاد اولیه برگرده .
اینکار رو می خوام در پست ها انجام بدم اما موفق نشدم . سیستم هم وردپرس هستش .
متشکرم
تصویر


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

ارسال شده: پنج‌شنبه ۱۱ شهریور ۱۳۸۹, ۸:۲۰ ب.ظ
توسط Solver
    ,

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

Please Login or Register to see this code

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

Please Login or Register to see this code

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

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

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

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

ارسال شده: پنج‌شنبه ۱۱ شهریور ۱۳۸۹, ۸:۳۰ ب.ظ
توسط soroush parsi
به به میلاد جان :D دوست با وفا
ممنون از توضیحاتتون .
اون کد جاوا رو باید تو کدوم قسمت کپی کنم ؟ منظورم هدر , فوتر و ایناست . و اینکه قبل از کدوم تگ باید قرار بگیره ؟
لینک عکس رو باید تو اون کدی که جهت فراخوانی ذکر کردید قرار بدم ؟
اگه میشه یکم سطح پایینتر توضیح بدی ممنون میشم :D :razz:

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

ارسال شده: پنج‌شنبه ۱۱ شهریور ۱۳۸۹, ۱۰:۲۶ ب.ظ
توسط Solver
ببخشید، الان تازه متوجه شدم پرسشگر شما هستید :o

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

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

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

[External Link Removed for Guests]

[External Link Removed for Guests]

[External Link Removed for Guests]