عکسهای مقاله

[professional2009]

سلام

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

[Reza1607]

می تونی از jquery استفاده کنی
توی همین سایت هم موقعه ای که رو یک عکس می ری صفحه سیاه می شه و بعد عکس نشون داده می شه

[Reza1607]

یه چیزی براتون پیدا کردم
http://highslide.com/

[professional2009]

یه چیزی براتون پیدا کردم
http://highslide.com/
خدمات این سایت رایگان نیست
آیا راه حل دیگری هم هست؟

[emad_67]

توی همین سایت هم موقعه ای که رو یک عکس می ری صفحه سیاه می شه و بعد عکس نشون داده می شه

آیا راه حل دیگری هم هست؟ این سایت از lightbox استفاده می کنه، می تونی اسکریپت اونو از اینجا دانلود کنی:
http://www.huddletogether.com/projects/lightbox2/

[professional2009]

این سایت از lightbox استفاده می کنه، می تونی اسکریپت اونو از اینجا دانلود کنی:
http://www.huddletogether.com/projects/lightbox2/
من تمام مراحل رو درست انجام دادم اما نمیدونم چرا اعمال نمیشه !
شاید چون فایل hTML وجود نداره بلکه این عکس ها در مقالات جوملایی هستند.اینطوری هست!
کلا دیگه عکس ها لینک نیستند!
چه میتوان کرد؟!

[emad_67]

من تمام مراحل رو درست انجام دادم اما نمیدونم چرا اعمال نمیشه !
شاید چون فایل hTML وجود نداره بلکه این عکس ها در مقالات جوملایی هستند.اینطوری هست!
کلا دیگه عکس ها لینک نیستند!
چه میتوان کرد؟!
شما ابتدا رو یه فایل html تست کنید ببینید جواب میده یا نه، sample خودش رو هم دقیق نگاه کنید.
در مورد جوملا هم فرقی نمی کنه، شما باید خصوصیت rel="lightbox" رو به تگ img مورد نظر اضافه کنید. ممکنه ادیتور جوملا این خاصیت رو حذف کنه (که احتمالا همینطوره) بنابراین ناچارید ابتدا ادیتور رو غیر فعال کنید و بعد از اعمال تغییرات در سورس html و اضافه کردن خصوصیت rel، اونو ذخیره کنید و مجددا ادیتور رو فعال کنید.

[Web.Designer01]

این سایت از lightbox استفاده می کنه، می تونی اسکریپت اونو از اینجا دانلود کنی:
http://www.huddletogether.com/projects/lightbox2/

سلام
دوست عزیز،میشه از این LightBox که لطف کردی لینکشو گذاشتی همزمان با این گالری عکس استفاده کرد:
http://tympanus.net/codrops/2010/07/05/minimalistic-slideshow-gallery/
من که هرکاری کردم نشد،یعنی وقتی jsهای مربوط به lightBox رو در کنار jsهای گالری عکسه اضافه میکنم دیگه اون گالری کار نمیکنه،میخوام وقتی روی هرکدوم از عکسای گالری کلیک کرد با استفاده از این LightBox عکسو تو همون صفحه به صورت فول اسکرین نشون بده،ولی اصلا بدون LightBox هم نمیشه گفت با کلیک روی عکسای گالری عکس بزرگشو نمایش بده،میشه یه نگاهی به این گالری عکسه بندازید؟
ممنون

[professional2009]

شما ابتدا رو یه فایل html تست کنید ببینید جواب میده یا نه، sample خودش رو هم دقیق نگاه کنید.
در مورد جوملا هم فرقی نمی کنه، شما باید خصوصیت rel="lightbox" رو به تگ img مورد نظر اضافه کنید. ممکنه ادیتور جوملا این خاصیت رو حذف کنه (که احتمالا همینطوره) بنابراین ناچارید ابتدا ادیتور رو غیر فعال کنید و بعد از اعمال تغییرات در سورس html و اضافه کردن خصوصیت rel، اونو ذخیره کنید و مجددا ادیتور رو فعال کنید.

من در فایل HTML تست کردم به راحتی جواب داد .
rel="lightbox" هم همان ابتدا به تگ img اضافه کردم .
کلا همه مراحل رو کامل انجام دادم اما در جوملا جواب نمیده .
منظورتون از اینکه ادیتور جوملا رو غیر فعال کنم چیه؟

[emad_67]

سلام
دوست عزیز،میشه از این LightBox که لطف کردی لینکشو گذاشتی همزمان با این گالری عکس استفاده کرد:
http://tympanus.net/codrops/2010/07/...eshow-gallery/ (http://tympanus.net/codrops/2010/07/05/minimalistic-slideshow-gallery/)
من که هرکاری کردم نشد،یعنی وقتی jsهای مربوط به lightBox رو در کنار jsهای گالری عکسه اضافه میکنم دیگه اون گالری کار نمیکنه،میخوام وقتی روی هرکدوم از عکسای گالری کلیک کرد با استفاده از این LightBox عکسو تو همون صفحه به صورت فول اسکرین نشون بده،ولی اصلا بدون LightBox هم نمیشه گفت با کلیک روی عکسای گالری عکس بزرگشو نمایش بده،میشه یه نگاهی به این گالری عکسه بندازید؟
ممنون سلام
این گالری عکس داره از jquery استفاده می کنه و به صورت اتوماتیک عکس ها عوض میشن. استفاده از lightbox احتمالا تداخل ایجاد می کنه با jquery. در این مورد نمیشه کاری کرد و نیاز به تغییر ساختار گالری عکس داره.

من در فایل HTML تست کردم به راحتی جواب داد .
rel="lightbox" هم همان ابتدا به تگ img اضافه کردم .
کلا همه مراحل رو کامل انجام دادم اما در جوملا جواب نمیده .
منظورتون از اینکه ادیتور جوملا رو غیر فعال کنم چیه؟ یه موردی رو من در بالا اشتباه گفتم، شما باید خصوصیت rel رو به تگ a اضافه کنید و در واقع تگ img شما باید داخل تگ a باشه. به این شکل:


<a href="images/image-1.jpg" rel="lightbox"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a>

کلا همه مراحل رو کامل انجام دادم اما در جوملا جواب نمیده .توی حوملا به چه شکل خصوصیت rel رو اضافه می کنی؟

الان من جوملا ندارم و دقیقا نمیتونم بگم، اما شما باید ابتدا ادیتور جوملا رو غیر فعال کنید. احتمالا باید قسمتی به اسم تنظیمات کلی وجود داشته باشه که در اون باید ادیتور رو غیر فعال کنید. و بعد از اینکه خصوصیت rel="lighbox" رو اضافه کردید و مطلب مورد نظر رو ذخیره شد، مجددا ادیتور رو فعال کنید. در واقع در حالتی که ادیتور غیر فعال هست شما فقط سورس html مطلبتون رو میبینید و خصوصیت rel رو باید به قسمت مورد نظر اضافه کنید.

[mojtaba00]

عزیز دل ، توی جوملا به پلاگین هست به اسم slimbox که می تونی از اینجا (http://files.joomfa.org/887/plg_slimbox[Joomfa.org].zip) دانلود کنی و بعدشم برای استفاده به جای هر عکسی که میخوای تو همین صفحه و با جاوا اسکریپت نمایش داده بشه می نویسی ( دقت کن، گفتم توی مقاله )

{slimbox FullSizeImagePath, Thumbnail}
منظور از FullSizeImagePath آدرس عکس بزرگ هست و Thumbnail آدرس عکس کوچک یا پیش نمایش .

یادت باشه بعد از نصب پلاگین slimbox اونو فعال کنی. چون به صورت پیش فرض غیر فعال هست. اگه با جوملا مشکلی داشتی jungway74 (at) yahoo

[Web.Designer01]

سلام
این گالری عکس داره از jquery استفاده می کنه و به صورت اتوماتیک عکس ها عوض میشن. استفاده از lightbox احتمالا تداخل ایجاد می کنه با jquery. در این مورد نمیشه کاری کرد و نیاز به تغییر ساختار گالری عکس داره.

سلام
ممنون از پاسخت
این گالری دکمه Pause هم داره،میخواستم هر موقع کاربر دکمه Pause رو زد بتونه رو عکس کلیک کنه و با استفاده از LightBox بزرگ شده اونو نشون بده.
خب حالا اگه راهی نداره گالری عکسیو سراغ ندارید که بشه توش از LightBox هم استفاده کرد و تداخل ایجاد نشه؟
با تشکر

[professional2009]

توی جوملا به چه شکل خصوصیت rel رو اضافه می کنی؟
الان من جوملا ندارم و دقیقا نمیتونم بگم، اما شما باید ابتدا ادیتور جوملا رو غیر فعال کنید. احتمالا باید قسمتی به اسم تنظیمات کلی وجود داشته باشه که در اون باید ادیتور رو غیر فعال کنید. و بعد از اینکه خصوصیت rel="lighbox" رو اضافه کردید و مطلب مورد نظر رو ذخیره شد، مجددا ادیتور رو فعال کنید. در واقع در حالتی که ادیتور غیر فعال هست شما فقط سورس html مطلبتون رو میبینید و خصوصیت rel رو باید به قسمت مورد نظر اضافه کنید.
این کد منه:
<a href="dnp_learn_img/mysql_new_db1.gif" title="my caption" rel="lightbox"> <img src="dnp_learn_img/mysql_new_db1.gif" border="0" width="268" height="128" align="center" /></a>
که توی مثلا frontpage جواب میده.
ادیتور جوملا غیر فعاله.
میشه بیشتر توضیح بدید؟
یعنی مقاله تو جوملا اضافه نکنم؟
تو ادیتور خودم ایجاد کنم؟
بعد چه جوری به جوملا اضافه کنم؟

[Web.Designer01]

این گالری دکمه Pause هم داره،میخواستم هر موقع کاربر دکمه Pause رو زد بتونه رو عکس کلیک کنه و با استفاده از LightBox بزرگ شده اونو نشون بده.

حالا که نمیشه از LightBox استفاده کرد ،نمیشه گفت با زدن دکمه pause و کلیک روی هر عکس full screen اونو تو یه صفحه دیگه نشون بده؟
لینک گالری:http://tympanus.net/codrops/2010/07/...eshow-gallery/ (http://tympanus.net/codrops/2010/07/05/minimalistic-slideshow-gallery/)