چگونه ساخت یک لایت باکس

[!Mojtaba 980]

سلام !

من یک عدد عکس دارم که میخوام بعد از کلیک روش به صورت لاین باکس باز بشه !

<ul class="pic-kar2">

<a href="images/3-3.jpg" target="_blank"><img src="images/3.jpg" alt=""></a>

</ul>

من این رو پیدا کردم ولی متاسفانه طریقه اجراش رو متوجه نشدم که چطوری رو سایت پیدادش کنم ...

ویرایش شده اردیبهشت 93 توسط !Mojtaba

[alivazirinia 219]

سلام !

من یک عدد عکس دارم که میخوام بعد از کلیک روش به صورت لاین باکس باز بشه !

<ul class="pic-kar2">

<a href="images/3-3.jpg" target="_blank"><img src="images/3.jpg" alt=""></a>

</ul>

من این رو پیدا کردم ولی متاسفانه طریقه اجراش رو متوجه نشدم که چطوری رو سایت پیدادش کنم ...

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

اینم چند نمونه پلاگین

https://wordpress.org/plugins/simple-lightbox/screenshots/

https://wordpress.org/plugins/responsive-lightbox/screenshots/

https://wordpress.org/plugins/wp-lightbox-2/screenshots/

[!Mojtaba 980]

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

اینم چند نمونه پلاگین

https://wordpress.or...ox/screenshots/

https://wordpress.or...ox/screenshots/

https://wordpress.or...-2/screenshots/

HTML !

:

http://defunkt.io/facebox

ویرایش شده اردیبهشت 93 توسط !Mojtaba

[SM-Mahdavi 5428]

http://stackoverflow.com/questions/3166225/opening-html-using-jquery-lightbox این پست رو هم مطالعه کنید خوبه.

[!Mojtaba 980]

این کد رو باید کجا فراخونی کرد ؟

$('#yourlink').colorbox();

یعنی بعد از کلیک گزینه open light box صفحه yourhtml.html باز میشه ؟ ::

<a href="yourhtml.html" id="yourlink">Open Lightbox</a>