cho m xin cái hướng dẫn phóng to ảnh khi click chuột vào ảnh như forum mình ý. tai m tìm hết rồi ko thấy có hướng dẫn đó. thanks

Cho vào viewtopic_body

Code:

<script src="http://codeforumotion.forumvi.com/11827.js" type="text/javascript"></script>
<style>/*colorbox*/
#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/15/90/59/25/contro26.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/15/90/59/25/contro27.png) no-repeat 0 0;}#cboxTopCenter{height:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/border23.png) repeat-x top left;}#cboxTopRight{width:14px;height:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro28.png) no-repeat -36px 0;}#cboxBottomLeft{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro29.png) no-repeat 0 -32px;}#cboxBottomCenter{height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/border24.png) repeat-x bottom left;}#cboxBottomRight{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.png) no-repeat -36px -32px;}#cboxMiddleLeft{width:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.png) repeat-y -175px 0;}#cboxMiddleRight{width:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.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/15/90/59/25/loadin12.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;}.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://i27.servimg.com/u/f27/14/67/90/38/bg1010.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
}</style>

ko có hiện tượng gì cả ad à. ý m là cái ành khi m click chuột vào thì nó tự phóng to ấy

forum của bạn la punbb à

php2 b à ? cho vô rồi ko có hiện tượng gì cả

à nhân tiện cho m hỏi luôn.

Code:

</SCRIPT>
<table width="800" height="150" border="0" align="center" cellpadding="5" cellspacing="1" bordercolor="1" class="">
  <tbody>
  <tr>
<td class="c3vid" align="center" border="0" valign="top" width="25%">
<fieldset>
<legend><span class="style21"><font color=green>Bạn Thân </font></span> </legend>
<a href="javascript:pop('http://www.youtube.com/watch_popup?v=dK4kuxOPea8&vq=medium');"><img src="http://i25.servimg.com/u/f25/15/55/28/69/2211.jpg" width="120" height="90" border="0"></a><br>
<span class="style24"><img src="http://i25.servimg.com/u/f25/15/55/28/69/video_10.png" class="inlineimg" border="0"> <font color=black>Bấm vào clip để xem</font></span>
</fieldset></td>
<td class="c3vid" align="center" border="0" valign="top" width="25%">
<fieldset>
<legend><span class="style23"> <font color=green>Tao Thích Mi </font> </span> </legend>
<a href="javascript:pop('http://www.youtube.com/watch_popup?v=wmhJenCm978&vq=medium');"><img src="http://i25.servimg.com/u/f25/15/55/28/69/captur16.jpg" width="120" height="90" border="0"></a><br>
<img src="http://i25.servimg.com/u/f25/15/55/28/69/video_10.png" class="inlineimg" border="0"> <span class="style24"><font color=black>Bấm vào clip để xem</font></span>
</fieldset></td>
<td width="25%" align="center" valign="top" class="c3vid" border="0">
<fieldset>
<legend><span class="style23"><font color=green>Tình Bạn</font></span></legend>
<a href="javascript:pop('http://www.youtube.com/watch_popup?v=zsj3qgEMap4&vq=medium');"><img src="http://i25.servimg.com/u/f25/15/55/28/69/captur17.jpg" width="120" height="90" border="0"></a><br>
<img src="http://i25.servimg.com/u/f25/15/55/28/69/video_10.png" class="inlineimg" border="0"> <span class="Feel style24"><font color=black>Bấm vào clip để xem</font></span></fieldset></td>
<td class="c3vid" align="center" border="0" valign="top" width="25%">
<fieldset>
<legend><span class="style21"><font color=green> Vì Sao</font> </span></legend>
<a href="javascript:pop('http://www.youtube.com/watch_popup?v=khq8w6He7mE&vq=medium');"><img src="http://i25.servimg.com/u/f25/15/55/28/69/vi_sao10.jpg" width="120" height="90" border="0"></a><br>
<span class="style24"><img src="http://i25.servimg.com/u/f25/15/55/28/69/video_10.png" class="inlineimg" border="0"><font color=black>Bấm vào clip để xem</font></span>
</fieldset></td></tr>
</br>
 <tr>
<td>

m đã thay đc link ảnh, nhưng có điều link trên youtube ko biết lấy link dạng đó ở đâu? vì link đó nó có đoạn đuôi là &vq=medium. m ko biết lấy nó ở đâu cả. khi thay vào thì chỉ có link đó mới chạy trên forum ?

phpbb2 thì bạn cho code này vào viewtopic_body

Code:

<script src="http://codeforumotion.forumvi.com/12186.js" type="text/javascript"></script>

Cho vào CSS:

Code:

/*colorbox*/
#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/15/90/59/25/contro26.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/15/90/59/25/contro27.png) no-repeat 0 0;}#cboxTopCenter{height:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/border23.png) repeat-x top left;}#cboxTopRight{width:14px;height:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro28.png) no-repeat -36px 0;}#cboxBottomLeft{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro29.png) no-repeat 0 -32px;}#cboxBottomCenter{height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/border24.png) repeat-x bottom left;}#cboxBottomRight{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.png) no-repeat -36px -32px;}#cboxMiddleLeft{width:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.png) repeat-y -175px 0;}#cboxMiddleRight{width:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.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/15/90/59/25/loadin12.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;}.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://i27.servimg.com/u/f27/14/67/90/38/bg1010.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
}

Về youtube thì bạn gữi nguyên đoạn &vq=medium và _popup
chỉ thay link https://www.youtube.com/watch?v=zsj3qgEMap4
VD bạn muốn thay bài tao thích mi thành một bài khác bạn lên youtube copy link của bài khác. nó sẽ như thế này
https://www.youtube.com/watch?v=d0McgdUFu08
Sau đó bạn thay thành:
https://www.youtube.com/watch_popup?v=d0McgdUFu08&vq=medium

Tuấn Anh đã viết:phpbb2 thì bạn cho code này vào viewtopic_body

Code:

<script src="http://codeforumotion.forumvi.com/12186.js" type="text/javascript"></script>

Cho vào CSS:

Code:

/*colorbox*/
#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/15/90/59/25/contro26.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/15/90/59/25/contro27.png) no-repeat 0 0;}#cboxTopCenter{height:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/border23.png) repeat-x top left;}#cboxTopRight{width:14px;height:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro28.png) no-repeat -36px 0;}#cboxBottomLeft{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro29.png) no-repeat 0 -32px;}#cboxBottomCenter{height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/border24.png) repeat-x bottom left;}#cboxBottomRight{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.png) no-repeat -36px -32px;}#cboxMiddleLeft{width:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.png) repeat-y -175px 0;}#cboxMiddleRight{width:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.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/15/90/59/25/loadin12.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;}.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://i27.servimg.com/u/f27/14/67/90/38/bg1010.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
}

ko đc bạn à, nó lại bị ngược lại. hình nó vẫn to, khi click vào nó lại thu nhỏ.
nếu ko đc thì thui b à. cảm ơn nhiều

kì vậy??

Tuấn Anh đã viết:kì vậy??

hihi. thôi ad à. như thế là cảm ơn ad nhiều lắm rùi. làm phiền ad

xem ảnh bằng fancybox cũng được đó bạn.
https://codeforumotion.forumvi.com/t356p10-topic#2059

Tuấn Anh đã viết:xem ảnh bằng fancybox cũng được đó bạn.
https://codeforumotion.forumvi.com/t356p10-topic#2059

làm đi làm lại. y như b nói mà ko đc lun. thui ad à