[Hỏi đáp] Code tự thay đổi hình nền khi f5

  Bài viết hay nhất1
Hỏi: Ai có thể giúp mình code thay đổi hình nền mỗi lần f5 được ko?

Đáp: https://devs.forumvi.com/t464-hoi-dap-can-code-tu-thay-doi-hinh-nen-khi-f5?showpost=p2865
  Bài viết hay nhất2
mình có code này cũng thay đổi hình nền khi f5
Code:
$(function() {
  var b = Math.floor(34 * Math.random()), a = $("div#body"), c = "C8E7BB58251C9611B92EC82237F0465E,0BD5CFEAFCE4826C46DB6A184E6313A7,AB5E9200FB695E7CB1E066BA332C2EBA,178483B7EF57DE3BFF49ABE7264A21A7,31449EFD84C524684A09B696755C8003,62CE597DD9DC347360D0E8DCB405F830,610DB6ED81E6A0E91383EBB5BF50DDDF,8A9CB6EB592304120C5EA7B9E0D8D46E,A9326E0E8C40A891EC477EE4A13B92EB,DBD84021832D560B363E7E6421071D3B,6550312CCD4D19042A3AECC3CAB2DA37,0BBDBEDF074E3C18D630CA6C847E5C5A,0F96B26CD58E0D4AB1518A1B1EBABEB3,B8848D563BE90569BA92F68F3C54EFBF,E04141CB62E3027DAEA62200982E5247,91713A97B6919C507FDEC637B31CF089,DBC3005AF345466087C1D630852CA811,065B403B077760992469A2AC4F2A5BA3,CD613403531C8CB78D9DBE00827AC91E,025F5F8569C95D17D7FA9EDE9C9CD4F1,EA38C20949A18D369945E1E0B9917FD0,53C512A1CFCCD8F91D83BCEB07BA363E,EEF0540EBD0A32E308A638051822F2D7,E843A47F7CD2A09861D3748A7EFA0F7E,56C31CC362D9B02AE9FFC50DA7C6D87E,57C320B04D4A14C23FF3BCD20F63DFB9,9351B61DC5B952582E3413ED06BF0ED0,6E568BDD241BBC6EDEECD4B5E91FCB09,088590B46B5F5E6EB42043C5F6CDFFAD,920FC872E2C3EC39C6DD175DCFBB9774,8C99B1651FB6F6A7B47AE4B540E64B94,6793C4CCCBADE34FD7B5A091536998E2,83A52C4A8EB0A629EC4F4CAEAA25B5F8,BF34719D68FCFD3C4C48CFE606FDE76B".split(",");
  $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/" + c[b] + ".jpg) repeat fixed 0 0 transparent");
  a.css("opacity", "0.9");
  a.hover(function() {
    $(this).css("opacity", "0.9")
  }, function() {
    $(this).css("opacity", "0.5")
  })
});

nhưng mà ko biết thay link ảnh ở đâu cả ai giúp mình với
  Bài viết hay nhất3
Tạo script mới, đặt in all the pages
Code:
$(function () {
   var url = ['URL_1', 'URL_2'],
      b = Math.floor(url.length * Math.random());
   $("body").css("background", "url(" + url[b] + ") repeat fixed 0 0 transparent");
});
Thay URL_1URL_2 trong code trên bằng URL ảnh cần làm hình nền, có thể bổ sung thêm nhiều URL khác, cách nhau bởi dấu phẩy.
  Bài viết hay nhất4
Ý code này cũng hay. Cho hỏi chèn vào đâu vậy?
  Bài viết hay nhất5
@nhokpronho49: Vào FM đc bao lâu rồi -_- Đương nhiên là JavaScript chứ còn đâu -_-
  Bài viết hay nhất6
Zero wrote:thay vô chỗ url
Code:
$(function () {
   var url = ['http://fc09.deviantart.net/fs51/f/2009/304/b/1/Lone_Tree_by_Poodlelord.jpg', 'http://artisanironworksllc.com/wp-content/uploads/2013/06/website-background-2.jpg'],
      b = Math.floor(url.length * Math.random());
   $("body").css("background", "url(" + url[b] + ") repeat fixed 0 0 transparent");
});

thay code trên vào chỗ nào a ơi ????
  Bài viết hay nhất7
toiyeuem wrote:
thay code trên vào chỗ nào a ơi ????
thay hình vô chỗ url chứ chỗ nào (làm mẫu cho 2 tấm) :v đừng nói là không biết cho js vào chỗ nào nha :v
  Bài viết hay nhất8
Zero wrote:
toiyeuem wrote:
thay code trên vào chỗ nào a ơi ????
thay hình vô chỗ url chứ chỗ nào (làm mẫu cho 2 tấm) :v đừng nói là không biết cho js vào chỗ nào nha :v

được rồi bác à ;;)
nhưng có lúc f5 2 lần mới thay đổi nền :D
  Bài viết hay nhất9
toiyeuem wrote:
Zero wrote:
toiyeuem wrote:
thay code trên vào chỗ nào a ơi ????
thay hình vô chỗ url chứ chỗ nào (làm mẫu cho 2 tấm) :v đừng nói là không biết cho js vào chỗ nào nha :v

được rồi bác à ;;)
nhưng có lúc f5 2 lần mới thay đổi nền :D
vì nó là random mà, f5 2 lần mới thay đổi là vì 2 lần trùng nền nhau nên tưởng là chưa thay đổi
  Bài viết hay nhất10

Zero wrote:Tạo script mới, đặt in all the pages
Code:
$(function () {
   var url = ['URL_1', 'URL_2'],
      b = Math.floor(url.length * Math.random());
   $("body").css("background", "url(" + url[b] + ") repeat fixed 0 0 transparent");
});


Thay [b]URL_1
URL_2 trong code trên bằng URL ảnh cần làm hình nền, có thể bổ sung thêm nhiều URL khác, cách nhau bởi dấu phẩy.
[/b]
sao mình cho thêm url rồi mà nó vẫn chỉ hiện có 2 cái hình nền thôi vậy, liệu có cần thêm cái gì nữa vào code ko ???
  Bài viết hay nhất11
Đặt có 2 link ảnh thì hiện 2 link ảnh không lẽ hiện 1 tỷ ảnh à?
Muốn thêm thì thêm vào sau 'URL_2' một dấu phẩy "," rồi thêm 'link ảnh' nhé, ảnh cuối cùng không có dấu phẩy
  Bài viết hay nhất12

KTV2 wrote:Đặt có 2 link ảnh thì hiện 2 link ảnh không lẽ hiện 1 tỷ ảnh à?
Muốn thêm thì thêm vào sau  'URL_2' một dấu phẩy "," rồi thêm 'link ảnh' nhé, ảnh cuối cùng không có dấu phẩy
ý mình hỏi là vậy mà, đã thêm URL_3 nhưng nó vẫn hiện có 2 URL thôi
  Bài viết hay nhất13

ChauLe3 wrote:
KTV2 wrote:Đặt có 2 link ảnh thì hiện 2 link ảnh không lẽ hiện 1 tỷ ảnh à?
Muốn thêm thì thêm vào sau  'URL_2' một dấu phẩy "," rồi thêm 'link ảnh' nhé, ảnh cuối cùng không có dấu phẩy
ý mình hỏi là vậy mà, đã thêm URL_3 nhưng nó vẫn hiện có 2 URL thôi

Dùng code này thử xem. Bạn có thể dùng bao nhiêu tấm ảnh tùy thích.

Code:

$(function(){
    var url = [
        'http://afamily1.vcmedia.vn/k:thumb_w/600/Tnk9vRlUgEMOa9xiFyoQdi0bvg9Omj/Image/2013/07/16-0682d/30-tham-hoa-photoshop-tren-poster-phim-p1.jpg',
        'http://a8.vietbao.vn/images/vn888/hot/v2012/best_20121225-133042-7-2iwoj05n.cx3.png.jpeg',
        'http://zensoft.vn/Attachs/Articles/10580/poster%20phim.jpg',
        'http://img.news.zing.vn/img/263/t263321.jpg',
        'http://a9.vietbao.vn/images/vn955/giai-tri/55264731-1258762891-poster-phim-1.jpg'
    ];
    function body_changer(){var e=Number(localStorage.getItem("number")),r=url.length-1,a=e+1;if(a>r)var a=0;localStorage.setItem("number",a),$("body").css("background","url("+url[a]+") repeat fixed 0 0 transparent")}null==localStorage.getItem("number")?(localStorage.setItem("number",-1),body_changer()):body_changer();
});

Hướng dẫn sử dụng.

Ở code trên mình để sẵn 5 tấm ảnh rồi. Bạn có thể thay đổi link sẵn có của nó bằng link ảnh của bạn. Hoặc có thể thêm nhiều ảnh khác cũng được. Nhưng lưu yý rằng. Ở dòng cuối không được có dấu phẩy nào hết. Các bạn có thể dựa trên code trên để thêm vào.
  Bài viết hay nhất14

markai30 wrote:
ChauLe3 wrote:
KTV2 wrote:Đặt có 2 link ảnh thì hiện 2 link ảnh không lẽ hiện 1 tỷ ảnh à?
Muốn thêm thì thêm vào sau  'URL_2' một dấu phẩy "," rồi thêm 'link ảnh' nhé, ảnh cuối cùng không có dấu phẩy
ý mình hỏi là vậy mà, đã thêm URL_3 nhưng nó vẫn hiện có 2 URL thôi

Dùng code này thử xem. Bạn có thể dùng bao nhiêu tấm ảnh tùy thích.

Code:

$(function(){
    var url = [
        'http://afamily1.vcmedia.vn/k:thumb_w/600/Tnk9vRlUgEMOa9xiFyoQdi0bvg9Omj/Image/2013/07/16-0682d/30-tham-hoa-photoshop-tren-poster-phim-p1.jpg',
        'http://a8.vietbao.vn/images/vn888/hot/v2012/best_20121225-133042-7-2iwoj05n.cx3.png.jpeg',
        'http://zensoft.vn/Attachs/Articles/10580/poster%20phim.jpg',
        'http://img.news.zing.vn/img/263/t263321.jpg',
        'http://a9.vietbao.vn/images/vn955/giai-tri/55264731-1258762891-poster-phim-1.jpg'
    ];
    function body_changer(){var e=Number(localStorage.getItem("number")),r=url.length-1,a=e+1;if(a>r)var a=0;localStorage.setItem("number",a),$("body").css("background","url("+url[a]+") repeat fixed 0 0 transparent")}null==localStorage.getItem("number")?(localStorage.setItem("number",-1),body_changer()):body_changer();
});

Hướng dẫn sử dụng.

Ở code trên mình để sẵn 5 tấm ảnh rồi. Bạn có thể thay đổi link sẵn có của nó bằng link ảnh của bạn. Hoặc có thể thêm nhiều ảnh khác cũng được. Nhưng lưu yý rằng. Ở dòng cuối không được có dấu phẩy nào hết. Các bạn có thể dựa trên code trên để thêm vào.

Lưu ý rằng: Với code này mỗi lần f5 sẽ thay đổi ảnh theo thứ tự từ trên xuống. Tránh tình trạng trùng lập ảnh.
  Bài viết hay nhất15
oh được rồi thanks markai, mà có điều cài xong nhìn mấy cái hình của bác làm em suýt đứng tim ^^
  Bài viết hay nhất16
You cannot reply to topics in this forum