Vui vui chút nè: Tự động chèn Logo nho nhỏ vào hình ảnh trong bài viết + Tự động thay link ảnh lỗi

[vandonstar]

DEMO
[You must be registered and logged in to see this image.]

Modules > Javascript codes management > Create a new javascript

Placement : Chọn In the sub-forums + In the topics

Cuối cùng cho đoạn js này vào và lưu lại.

Code:

$(window).load(function() {
$('.blog_message img,.postbody img').show(function(){
if($(this).width() >= 200)
{
$(this).before('<div style="position:relative;"><img style="z-index:10; width:100%; position:absolute; left:-10px; top:-10px; opacity: 0.7;filter: alpha(opacity=70);" src="http://i49.servimg.com/u/f49/16/29/88/81/logovd12.png"></img></div>');
}
});
});
$(document).ready( function() {
$('.blog_message img,.postbody img').error(function() {
    $(this).replaceWith('<img src="http://i49.servimg.com/u/f49/16/29/88/81/imgerr10.png">')
});
});

Xong!

Chú ý thay logo của bạn vào nhé. Logo nho nhỏ thôi, đừng rộng quá 200px nhé!

[nhoxkia1991]

lỡ lấy hình của người khác rồi về làm hình mình có ổn không

[langtucodon]

ủa nó hiện chõ nào vậy?sao chèn rồi mà ko thấy gì thế

[MarkChan]

Lỗi kìa
cái này chỉ định vị cái logo ở 1 vị trí nhất định
nếu ảnh của con nhà người ta mà cho ra giữa hay sang trái là ăn đòn lộ cái logo ngay
*hình như thế * *chém gió đấy *

[boyvip614]

Failed

[vandonstar]

Đã Edit lại! Hi, mọi người dùng thử đi.

[phutu01]

Mình dùng script load ảnh nên ảnh nào kéo tới hiện nhanh thì nó sẽ có ,những ảnh nằm ở dưới chưa kéo và khi kéo sau nó mới hiện

chắc do điều kiện >= 200

[nct]

cái này từ img shack ko báo cái ảnh lỗi

[pinniechan05]

Nó không hiện ra bạn ơi...

[miendien01]

bạn ơi, mình chỉnh ảnh bé xíu xíu, nhưng nó vẫn hiện to lắm

[LiBee KS]

Bạn chỉnh size ảnh trong code chưa

[miendien01]

chỉnh kiểu gì

[LiBee KS]

Bạn tìm trong code trên:

Code:

if($(this).width() >= 200)

Sửa số "200" lại thành size khác (VD: 100, 150,... cho logo nó nhỏ!)

[htsd99]

[You must be registered and logged in to see this image.]
có ai chỉ giúp mình với, nó cứ hiện ở giữa

[LiBee KS]

Bạn có chỉnh size logo lại không

[htsd99]

chỉnh kiểu gì

[htsd99]

mình chỉnh cái >= 200) thành 10 thì nó lại hình ảnh lại đẹp hơn, màk nó vẫn to như cũ

[LiBee KS]

Trong code trên có đoạn này

Code:

$(this).before('<div style="position:relative;"><img style="z-index:10; width:100%; position:absolute; left:-10px; top:-10px; opacity: 0.7;filter: alpha(opacity=70);" src="http://i49.servimg.com/u/f49/16/29/88/81/logovd12.png"></img></div>');

Bạn sửa các thông số lại thử xem nhé

[htsd99]

bạn sửa giúp mình với, mình loay hoay từ bấy đến giờ nó vẫn như cũ

[hj4uk0j0o97]

ủa, sao mình làm nó cứ hiện ra giữa thế nhỉ, có cách nào chỉ nó bé lại giống vânđồn không

[taikon96]

Sao mình làm k hiện j hết vậy

[LiBee KS]

Sao mình làm k hiện j hết vậy

Bạn đã cập nhật Javascript chưa? Nếu chưa thì làm theo bài này
[You must be registered and logged in to see this link.]

[taikon96]

Vote bạn. Sao mình làm r hình nó bự quá chỉnh nhỏ lại r cũng vậy

[vandonstar]

Các bạn có thể sửa thông số này

Code:

if($(this).width() >= 200)

Hoặc có thể thay thế thành

Code:

if($(this).height() >= 200)

[DeGea]

đây là code mình đã sửa thông số ,

Code:


$(window).load(function() {
$('.blog_message img,.postbody img').show(function(){
if($(this).height() >= 200)
{
$(this).before('<div style="position:relative;"><img style="z-index:10; width:20%; position:absolute; left:-10px; top:-10px; opacity: 0.7;filter: alpha(opacity=70);" src="http://i49.servimg.com/u/f49/16/29/88/81/logovd12.png"></img></div>');
}
});
});
$(document).ready( function() {
$('.blog_message img,.postbody img').error(function() {
    $(this).replaceWith('<img src="http://i49.servimg.com/u/f49/16/29/88/81/imgerr10.png">')
});
});


Demo :

Code:


http://ddthvn.ace.st/t1-topic


nhớ tks

[DeGea]

Ngoài lề chút , nếu muốn tăng ảnh như code trên của mình , tìm trong đoạn

Code:


$(this).before('<div style="position:relative;"><img style="z-index:10; width:20%;


phần

Code:


width:20%;


sửa lại ! 21 , 22 , hay 30% gì đó !

[KillAlt1.0]

đây là code mình đã sửa thông số ,

Code:


$(window).load(function() {
$('.blog_message img,.postbody img').show(function(){
if($(this).height() >= 200)
{
$(this).before('<div style="position:relative;"><img style="z-index:10; width:20%; position:absolute; left:-10px; top:-10px; opacity: 0.7;filter: alpha(opacity=70);" src="http://i49.servimg.com/u/f49/16/29/88/81/logovd12.png"></img></div>');
}
});
});
$(document).ready( function() {
$('.blog_message img,.postbody img').error(function() {
    $(this).replaceWith('<img src="http://i49.servimg.com/u/f49/16/29/88/81/imgerr10.png">')
});
});


Demo :

Code:


http://ddthvn.ace.st/t1-topic


nhớ tks

demo j thế, làm gì thấy cái j

[mrtiencom]

Rất BPRO Thanks Bạn !

[mrtiencom]

Rất BPRO Thanks Bạn !

Không spam

[KillAlt1.0]

chán quá, chỉnh đi chỉnh lại, hình nó mãi vẫn đứng ở giữa vânđồn có thể share cái code tự động chèn hình của vânđồn đag sử dụng được kô

[Sponsored content]