Lần cuối | xin siêu hướng dẫn colorbox xem ảnh

[blogkien]

Mình tìm kiếm trong diễn đàn rồi, topic dễ hỉu thì link ảnh die hết, topic ngon thì hướng dẫn khó hiểu was, bạn nào bỏ công sức ra giúp các bạn và mình xẻm ảnh bằng colorbox với. Một lần nữa nhá. huhuhuhu

[notme]

color box hả thấy hướng dẫn rất chi tiết rồi mà

Code:

http://colorpowered.com/colorbox/core/example1/index.html

Ctrl + U cái này ra xem hiểu không

[handsomevip007]

color box hả thấy hướng dẫn rất chi tiết rồi mà

Code:

http://colorpowered.com/colorbox/core/example1/index.html

Ctrl + U cái này ra xem hiểu không

Lần cuối | xin siêu hướng dẫn colorbox xem ảnh

[IceFox]

Đây là colorbox mà forum chinh phục blogger đang dùng:
(overall_header) Tìm

Code:

   <script src="{JQUERY_PATH}" type="text/javascript"></script>

Dán cái này bên dưới:

Code:

<script type="text/javascript" src="http://blogger.chinhphuc.info/h50-page"></script>

Vào css dán cái này vào cuối:

Code:

#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index: 999;overflow:hidden;}#cboxOverlay{position:fixed;width:100%;height:100%;background:#000;}#cboxMiddleLeft,#cboxBottomLeft{clear:left;}#cboxContent{position:relative;background:#fff;overflow:visible;}#cboxLoadedContent{overflow:auto;margin-bottom:5px;}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:700;color:#7C7C7C;margin:0;}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;position:absolute;bottom:-29px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) no-repeat 0 0;width:23px;height:23px;text-indent:-9999px;}.cboxPhoto{float:left;border:0;display:block;margin:auto;}.cboxIframe{width:100%;height:100%;display:block;border:0;}#cboxTopLeft{width:14px;height:14px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) no-repeat 0 0;}#cboxTopCenter{height:14px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/border10.png) repeat-x top left;}#cboxTopRight{width:14px;height:14px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) no-repeat -36px 0;}#cboxBottomLeft{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) no-repeat 0 -32px;}#cboxBottomCenter{height:43px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/border10.png) repeat-x bottom left;}#cboxBottomRight{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) no-repeat -36px -32px;}#cboxMiddleLeft{width:14px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) repeat-y -175px 0;}#cboxMiddleRight{width:14px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) repeat-y -211px 0;}#cboxLoadingOverlay{background:url(http://i20.servimg.com/u/f20/14/50/49/34/loadin10.png) no-repeat center center;}#cboxLoadingGraphic{background:url(http://i20.servimg.com/u/f20/14/50/49/34/loadin11.gif) no-repeat center center;}#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:700;color:#7C7C7C;}#cboxPrevious{left:0;background-position:-51px -25px;}#cboxPrevious.hover{background-position:-51px 0;}#cboxNext{left:27px;background-position:-75px -25px;}#cboxNext.hover{background-position:-75px 0;}#cboxClose{right:0;background-position:-100px -25px;}#cboxClose.hover{background-position:-100px 0;}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0;right:27px;}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0;}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px;}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0;}

Cuối cùng vào QLTT > Messages and e-mails > Cấu hình diễn đàn > Images resize (bỏ trống hai ô Width và Height.

Chú ý: * viewsource /h50-page và dán vào html của forum bạn.
* bỏ hết tất cả các code liên quan đến trình xem ảnh khác trong temp. vd: fancybox, lightbox,...

[blogkien]

Cảm ơn mấy bạn, mình làm được rồi.

[blogkien]

Nhưng tại sao khi vào 1 bài viết, bấm vô ảnh, lần đầu tiên nó ra direct link của ảnh. phải back lại bấm lại nó mới lên slideshow nhỉ

[IceFox]

Vì trang nó chưa load xong colorbox.

[taulai]

Chỉnh kích thước mặc định trước khi click và sau khi click là chỉnh chỗ nào hả mấy bạn?
Mình mò hoài ko ra

[Cáo Già Đeo Nơ]

Có colorbox cho video không nhỉ ?

[nobody]

Đang xài skin lời trái tim và làm theo y như hướng dẫn, Kết quả: ko làm được.

[[D]ark[R]aven]

Lạ quá mọi người ơi ! Vào đây xem thử đi ! Click 1 cái tự nhiên nó bay đi đâu ấy ! Ko hiện hình ra giữa trình duyệt:

Code:

http://vnwar.ace.st/t17-tetsdsdsdsdsdsd#20


[boyvip614]

Đây là colorbox mà forum chinh phục blogger đang dùng:
(overall_header) Tìm

Code:

   <script src="{JQUERY_PATH}" type="text/javascript"></script>

Dán cái này bên dưới:

Code:

<script type="text/javascript" src="http://blogger.chinhphuc.info/h50-page"></script>

Vào css dán cái này vào cuối:

Code:

#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index: 999;overflow:hidden;}#cboxOverlay{position:fixed;width:100%;height:100%;background:#000;}#cboxMiddleLeft,#cboxBottomLeft{clear:left;}#cboxContent{position:relative;background:#fff;overflow:visible;}#cboxLoadedContent{overflow:auto;margin-bottom:5px;}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:700;color:#7C7C7C;margin:0;}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;position:absolute;bottom:-29px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) no-repeat 0 0;width:23px;height:23px;text-indent:-9999px;}.cboxPhoto{float:left;border:0;display:block;margin:auto;}.cboxIframe{width:100%;height:100%;display:block;border:0;}#cboxTopLeft{width:14px;height:14px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) no-repeat 0 0;}#cboxTopCenter{height:14px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/border10.png) repeat-x top left;}#cboxTopRight{width:14px;height:14px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) no-repeat -36px 0;}#cboxBottomLeft{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) no-repeat 0 -32px;}#cboxBottomCenter{height:43px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/border10.png) repeat-x bottom left;}#cboxBottomRight{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) no-repeat -36px -32px;}#cboxMiddleLeft{width:14px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) repeat-y -175px 0;}#cboxMiddleRight{width:14px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) repeat-y -211px 0;}#cboxLoadingOverlay{background:url(http://i20.servimg.com/u/f20/14/50/49/34/loadin10.png) no-repeat center center;}#cboxLoadingGraphic{background:url(http://i20.servimg.com/u/f20/14/50/49/34/loadin11.gif) no-repeat center center;}#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:700;color:#7C7C7C;}#cboxPrevious{left:0;background-position:-51px -25px;}#cboxPrevious.hover{background-position:-51px 0;}#cboxNext{left:27px;background-position:-75px -25px;}#cboxNext.hover{background-position:-75px 0;}#cboxClose{right:0;background-position:-100px -25px;}#cboxClose.hover{background-position:-100px 0;}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0;right:27px;}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0;}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px;}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0;}

Cuối cùng vào QLTT > Messages and e-mails > Cấu hình diễn đàn > Images resize (bỏ trống hai ô Width và Height.

Chú ý: * viewsource /h50-page và dán vào html của forum bạn.
* bỏ hết tất cả các code liên quan đến trình xem ảnh khác trong temp. vd: fancybox, lightbox,...

thanks bạn, mình làm dc rồi, nhưng sao ảnh lúc đầu ko tự resize nhỉ, cứ Maxsize...

[boyvip614]

ai giúp mình với ạ, ảnh ko resize...

[dptlong]

Chạy thì ok rồi, nhưng khi click vào ảnh thì nó quá lớn, làm thế nào cho nó nhỏ hơn vậy

http://yak34.yourme.net/t1721-topic

[dptlong]

Làm sao mà để hình resize nhỏ lại được vậy, nhấp vào thì chạy nhưng hình quá lớn

[Sponsored content]