mehrdadkey2

باز شدن عکس به صورت جی کوئری و پاپ آپ

14 پست در این موضوع

سلام و عرض ادب. لطفا افزونه ای را معرفی نمایید تا بتوانم تصاویر داخل مطالبم را به صورت جی کوئری و پاپ آپ به نمایش در بیاورم. به این صورت که، هنگام کلیک روی عکس داخل مطالب، آن عکس به صورت پاپ آپ و جی کوئری باز شود. آیا اضافه شدن این افکت روی سئوی عکس تاثیر منفی خواهد گذاشت؟

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش html و css آموزش لاراول آموزش cPanel آموزش php آموزش سئو وردپرس آموزش امنیت وردپرس آموزش وردپرس آموزش فرم ساز RSform آموزش سئو جوملا آموزش فروشگاه ساز Hikashop آموزش فروشگاه ساز ویرچومارت آموزش طراحی سایت آگهی تبلیغاتی آموزش امنیت جوملا آموزش طراحی سایت فروش فایل آموزش طراحی قالب ریسپانسیو با Helix آموزش جوملا 3 آموزش ساخت ربات دکمه ی شیشه ای آموزش ساخت ربات همکاری در فروش آموزش ساخت ربات جذب ممبر آموزش ساخت ربات ضد اسپم آموزش ساخت ربات پیوست فایل سورس ربات مدیر گروه | ربات مدیر گروه همسریابی

دوست عزیز در جوملا 2.5 نیاز به افزونه برای این کار نیست . کافیه شما هر عکسی در سایت قرار می دهید کلاسش رو برابر با class="modal" قرار دهید ، در این صورت لینک عکس به صورت پاپ آپ باز میشود .موفق باشید.

Share this post


Link to post
Share on other sites
دوست عزیز در جوملا 2.5 نیاز به افزونه برای این کار نیست . کافیه شما هر عکسی در سایت قرار می دهید کلاسش رو برابر با class="modal" قرار دهید ، در این صورت لینک عکس به صورت پاپ آپ باز میشود .موفق باشید.

این رو انجام دادم ولی تفاوتی نکرد؟ میشه کد img رو بزارید تا به عنوان نمونه تست کنیم؟

Share this post


Link to post
Share on other sites
دوست عزیز در جوملا 2.5 نیاز به افزونه برای این کار نیست . کافیه شما هر عکسی در سایت قرار می دهید کلاسش رو برابر با class="modal" قرار دهید ، در این صورت لینک عکس به صورت پاپ آپ باز میشود .موفق باشید.

سلام دوست من. در قسمت class گزینه ای به عنوان modal نبود که من به صورت دستی این مقدار رو وارد کردم. اما هیچ اتفاقی نیافتاد.

<img class="modal" src="images/mgh1.jpg" border="0" alt

Share this post


Link to post
Share on other sites

عجب سوال سختی پرسیدم:21: تو چندتا انجمن پرسیدم ولی هیچکس نتونسته گره از کار ما باز کنه :65d6a5d6s:

ببینید، عکسهای من ابعادش بزرگه مثلا 1024*768 که من اگه بخوام این عکس رو داخل محتوا نشون بدم به صورت نصفه به نمایش در میاد(چون ابعاد عکس بزرگتر از باکسیه که محتوا توش قرار میگیره) بنابراین برای اینکه بتونم عکس رو به صورت کامل و با اندازه استاندارد خودش نشون بدم تنها راهی که دارم اینه که این عکس رو به صورت کوچکتر داخل محتوا قرار بدم تا هنگامی که کاربر روش کلیک کنه تصویر به صورت پاپ آپ باز بشه و با اندازه واقعی خودش به نمایش در بیاد.

یک هفتست که درگیر این مساله ام و نتونستم حلش کنم. کمک کنید لطفا :heey:

Share this post


Link to post
Share on other sites

دوست عزیز شما عجله دارید دلیل نمیشه کسی نتونسته جواب شما را بده . متاسفانه الان آخره ساله و کار تبلیغاتی مثل کار طراحی سایت شلوغه همه مدیران و حرفه ای ها سرشون شلوغه نمیتوانند دقیقه ای یکبار به انجمنها سربزنند.البته قصد بی احترامی ندارم خدایی ناکرده . اما یکم فرصت هم بدید بد نمیشه . این روشی که به شما گفتم کاملا کار میکنه اما چندتا نکته داره میگم رعایت کنید :

1- کلاس پاپ آپ جوملا باید در قالبتون لود بشه دستور زیر را در index قالب قرار بدهید.

<?php   JHTML::_('behavior.modal');   ?>

2-تگ خودتون رو اینجوری بنویسید :

<a class="modal" target="_blank" href="آدرس عکس بزرگ">
<img width="150" height="100" alt="" src="آدرس عکس کوچک">

یکم به کدهایی که نوشتم دقت کنید همه چیز رو متوجه میشوید . موفق و پیروز باشید

Share this post


Link to post
Share on other sites

هوراااااااااا :4d564ad6::4d564ad6::4d564ad6::4d564ad6:خدا خیرت بده درست شد :25::25::thanks::thanks:

Share this post


Link to post
Share on other sites

قصد فضولی و شلوغ کردن پست رو ندارم

فقط خواستم تجریه شخصی خودم رو تو این مورد بگم

با نصب ادیتور JCE به همراه JCE MediaBox می تونید این کار رو به سادگی انجام بدید و حتی می تونید علاوه بر پاپ آپ (popup) ، تولتیپ (tooltip) هم ایجاد کنید...

Share this post


Link to post
Share on other sites
قصد فضولی و شلوغ کردن پست رو ندارم

فقط خواستم تجریه شخصی خودم رو تو این مورد بگم

با نصب ادیتور JCE به همراه JCE MediaBox می تونید این کار رو به سادگی انجام بدید و حتی می تونید علاوه بر پاپ آپ (popup) ، تولتیپ (tooltip) هم ایجاد کنید...

خیلی خوشحال شدم که مشکل دوستان حل شد.

بله حق با شماست با JCE هم میشود اما در صورتی که استفاده از کلاس خود جوملا رو بلد نباشیم . راستی خود جوملا کلاس tooltip هم داره که خیلی زیباست البته میشه باز روی ظاهرش کار هم کرد .باز هم به نظر من نصب نکردن پلاگین های اضافه روی جوملا خیلی بهتره چون به سبک بودن سایت کمک میکنه . موفق باشید

Share this post


Link to post
Share on other sites
قصد فضولی و شلوغ کردن پست رو ندارم

فقط خواستم تجریه شخصی خودم رو تو این مورد بگم

با نصب ادیتور JCE به همراه JCE MediaBox می تونید این کار رو به سادگی انجام بدید و حتی می تونید علاوه بر پاپ آپ (popup) ، تولتیپ (tooltip) هم ایجاد کنید...

من این ایتور رو نصب کردم و اونرو هم فعال کردم اما در قسمت ادیتورها در قسمت پیکربندی اصلی جوملا ..نمیاد؟

اگه نسخه ای رو دارید لطفا آپاود کنیم تا اینم تست کنیم ؟

Share this post


Link to post
Share on other sites

ارسال شده در (ویرایش شده)

ابتدا JCE و jcemediabox رو نصب کنید و فعال کنید

سپس در مدیریت jce(کامپوننت jce) تنظیماتش رو انجام بدید

حتی می تونید تنظیم کنید که چه کاربرانی می تونن از این ادیتور استفاده کنن (یا چه گروه کاربری)

بعد در تنظیمات کاربری خودتون نوع ادیتورتون رو jce انتحاب کنید.

....

هنگام درج عکس کلاس ماژول رو jcepopup انتخاب کنید.

لینک دانلود از سایت اصلی:

ادیتور JCE

مدیا باکس (JCE MediaBox)

ویرایش شده در توسط ghohestan

Share this post


Link to post
Share on other sites
دوست عزیز شما عجله دارید دلیل نمیشه کسی نتونسته جواب شما را بده . متاسفانه الان آخره ساله و کار تبلیغاتی مثل کار طراحی سایت شلوغه همه مدیران و حرفه ای ها سرشون شلوغه نمیتوانند دقیقه ای یکبار به انجمنها سربزنند.البته قصد بی احترامی ندارم خدایی ناکرده . اما یکم فرصت هم بدید بد نمیشه . این روشی که به شما گفتم کاملا کار میکنه اما چندتا نکته داره میگم رعایت کنید :

1- کلاس پاپ آپ جوملا باید در قالبتون لود بشه دستور زیر را در index قالب قرار بدهید.

<?php   JHTML::_('behavior.modal');   ?>

2-تگ خودتون رو اینجوری بنویسید :

<a class="modal" target="_blank" href="آدرس عکس بزرگ">
<img width="150" height="100" alt="" src="آدرس عکس کوچک">

یکم به کدهایی که نوشتم دقت کنید همه چیز رو متوجه میشوید . موفق و پیروز باشید

سلام

شما یکی از بزرگترین مشکلات جوملایی منو به همین سادگی برطرف کردید! ممنونم

دوست عزیز شما میتونید زحمت ترکیب این دو کد رو بکشید؟!

کد اول نمایش یه عکس با افکت Css هست و کد دوم همین کدیست که شما ذکر کردید و حالا میخوام یک عکس هم css روش اجرا بشه با کد مخصوص خودش هم به صورت لایت باکس باز بشه!

کد اول:

<div style="float: right;">{jm filter="grayscale" title=".." url=".."}images/10.png{/jm}

</div>

کد دوم:

<a class="modal" href="images/10.png">

<img src="images/10.png" border="0" width="150" height="150" /></a></p>

ممنون از شما و سایت خوبتون

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری