بزرگ شدن عکس درون متن با کلیک

[nasimparsi]

دوستان 2 پرسش درباره ی عکس درون متن داشتم

 

1- چطور می شه عکس هایی که توی متن گذاشتیم و اندازه براشون مشخص کردیم ( مثلا عرض 500 ) رو کرای کرد که اگر کاربر روش کلیک کنه عکس به اندازه بزرگ و واقعی در بیاد؟ ( چون در حالت عادی چنین نمی شه )

 

2- در پوسته ( قالب ) پیش فرض پرستاشاپ زمانی که عکسی را درون متن می گذاریم و اندازه برای اون تعیین می کنیم مثلا عرض 500، در هنگامی که با موبایل و .. وارد اون صفحه می شیم عکس متناسب نمی شه و بزرگ می مونه. راه حل این موضوع چیست؟

 

با سپاس

[nasimparsi]

گویا باید این کد رو :
.page-product-box img{
    max-width: 100%;
}
درون فایل
 themes/default-bootstrap/css/global_rtl.css
بزاریم.
اما این کد رو که می زارم همچنان مشکل پابرجا هست و درست نمی شه. بعد از این کار نیازی هست کار دیگه ای انجام بشه؟

[admin]

دوستان 2 پرسش درباره ی عکس درون متن داشتم

 

1- چطور می شه عکس هایی که توی متن گذاشتیم و اندازه براشون مشخص کردیم ( مثلا عرض 500 ) رو کرای کرد که اگر کاربر روش کلیک کنه عکس به اندازه بزرگ و واقعی در بیاد؟ ( چون در حالت عادی چنین نمی شه )

 

2- در پوسته ( قالب ) پیش فرض پرستاشاپ زمانی که عکسی را درون متن می گذاریم و اندازه برای اون تعیین می کنیم مثلا عرض 500، در هنگامی که با موبایل و .. وارد اون صفحه می شیم عکس متناسب نمی شه و بزرگ می مونه. راه حل این موضوع چیست؟

 

با سپاس

 

نیازی به تغییری در فایل های CSS ندارید

 

1. به عکستون لینک بدید و توی لینکش آدرس تصویر رو وارد کنید که با کلیک کاربر به صفحه عکس هدایت بشه. اگر بخواهید توی همون صفحه با کلیک روی عکس بزرگ بشه به صورت پاپ آپ یا باید قالبتون چنین قابلیتی داشته باشه یا به کد نویسی آشنا باشید

 

2. موقع درج تصویر بهش کلاس img-responsive بدید خودکار واکنشگرا میشه عکستون