18:49 - 01/10/2013

Code tạo slider ảnh trong bài viết

    Tiếp tục ThaiAiTi chia sẻ code tạo slider ảnh trong bài viết, code này hiển thị ảnh trong bài viết của bạn, bạn có thể hiển thì bài theo nhãn hoặc toàn trang web.


    Cách làm: 
    - Chèn đoạn code bên dưới trên </head>
    <script type='text/javascript'>document.write(&#39;\u003c\u0073\u0063\u0072\u0069\u0070\u0074\u0020\u0074\u0079\u0070\u0065\u003d\u0027\u0074\u0065\u0078\u0074\u002f\u006a\u0061\u0076\u0061\u0073\u0063\u0072\u0069\u0070\u0074\u0027\u003e\u000a\u002f\u002f\u003c\u0021\u005b\u0043\u0044\u0041\u0054\u0041\u005b\u000a\u006a\u0051\u0075\u0065\u0072\u0079\u0028\u0064\u006f\u0063\u0075\u006d\u0065\u006e\u0074\u0029\u002e\u0072\u0065\u0061\u0064\u0079\u0028\u0066\u0075\u006e\u0063\u0074\u0069\u006f\u006e\u0028\u0029\u0020\u007b\u000a\u000a\u002f\u002f\u0053\u0065\u0074\u0020\u0044\u0065\u0066\u0061\u0075\u006c\u0074\u0020\u0053\u0074\u0061\u0074\u0065\u0020\u006f\u0066\u0020\u0065\u0061\u0063\u0068\u0020\u0070\u006f\u0072\u0074\u0066\u006f\u006c\u0069\u006f\u0020\u0070\u0069\u0065\u0063\u0065\u000a\u0024\u0028\u0022\u002e\u0070\u0061\u0067\u0069\u006e\u0067\u0022\u0029\u002e\u0073\u0068\u006f\u0077\u0028\u0029\u003b\u000a\u0024\u0028\u0022\u002e\u0070\u0061\u0067\u0069\u006e\u0067\u0020\u0061\u003a\u0066\u0069\u0072\u0073\u0074\u0022\u0029\u002e\u0061\u0064\u0064\u0043\u006c\u0061\u0073\u0073\u0028\u0022\u0061\u0063\u0074\u0069\u0076\u0065\u0022\u0029\u003b\u000a\u000a\u002f\u002f\u0047\u0065\u0074\u0020\u0073\u0069\u007a\u0065\u0020\u006f\u0066\u0020\u0069\u006d\u0061\u0067\u0065\u0073\u002c\u0020\u0068\u006f\u0077\u0020\u006d\u0061\u006e\u0079\u0020\u0074\u0068\u0065\u0072\u0065\u0020\u0061\u0072\u0065\u002c\u0020\u0074\u0068\u0065\u006e\u0020\u0064\u0065\u0074\u0065\u0072\u006d\u0069\u006e\u0020\u0074\u0068\u0065\u0020\u0073\u0069\u007a\u0065\u0020\u006f\u0066\u0020\u0074\u0068\u0065\u0020\u0069\u006d\u0061\u0067\u0065\u0020\u0072\u0065\u0065\u006c\u002e\u000a\u0076\u0061\u0072\u0020\u0069\u006d\u0061\u0067\u0065\u0057\u0069\u0064\u0074\u0068\u0020\u003d\u0020\u0024\u0028\u0022\u002e\u0073\u006f\u006d\u0070\u0072\u0065\u0074\u0022\u0029\u002e\u0077\u0069\u0064\u0074\u0068\u0028\u0029\u003b\u000a\u0076\u0061\u0072\u0020\u0069\u006d\u0061\u0067\u0065\u0053\u0075\u006d\u0020\u003d\u0020\u0024\u0028\u0022\u002e\u0069\u006d\u0061\u0067\u0065\u005f\u0072\u0065\u0065\u006c\u0020\u0069\u006d\u0067\u0022\u0029\u002e\u0073\u0069\u007a\u0065\u0028\u0029\u003b\u000a\u0076\u0061\u0072\u0020\u0069\u006d\u0061\u0067\u0065\u0052\u0065\u0065\u006c\u0057\u0069\u0064\u0074\u0068\u0020\u003d\u0020\u0069\u006d\u0061\u0067\u0065\u0057\u0069\u0064\u0074\u0068\u0020\u002a\u0020\u0069\u006d\u0061\u0067\u0065\u0053\u0075\u006d\u003b\u000a\u000a\u002f\u002f\u0041\u0064\u006a\u0075\u0073\u0074\u0020\u0074\u0068\u0065\u0020\u0069\u006d\u0061\u0067\u0065\u0020\u0072\u0065\u0065\u006c\u0020\u0074\u006f\u0020\u0069\u0074\u0073\u0020\u006e\u0065\u0077\u0020\u0073\u0069\u007a\u0065\u000a\u0024\u0028\u0022\u002e\u0069\u006d\u0061\u0067\u0065\u005f\u0072\u0065\u0065\u006c\u0022\u0029\u002e\u0063\u0073\u0073\u0028\u007b\u0027\u0077\u0069\u0064\u0074\u0068\u0027\u0020\u003a\u0020\u0069\u006d\u0061\u0067\u0065\u0052\u0065\u0065\u006c\u0057\u0069\u0064\u0074\u0068\u007d\u0029\u003b\u000a\u000a\u002f\u002f\u0050\u0061\u0067\u0069\u006e\u0067\u0020\u002b\u0020\u0053\u006c\u0069\u0064\u0065\u0072\u0020\u0046\u0075\u006e\u0063\u0074\u0069\u006f\u006e\u000a\u0072\u006f\u0074\u0061\u0074\u0065\u0020\u003d\u0020\u0066\u0075\u006e\u0063\u0074\u0069\u006f\u006e\u0028\u0029\u007b\u000a\u0020\u0020\u0020\u0076\u0061\u0072\u0020\u0074\u0072\u0069\u0067\u0067\u0065\u0072\u0049\u0044\u0020\u003d\u0020\u0024\u0061\u0063\u0074\u0069\u0076\u0065\u002e\u0061\u0074\u0074\u0072\u0028\u0022\u0072\u0065\u006c\u0022\u0029\u0020\u002d\u0020\u0031\u003b\u0020\u002f\u002f\u0047\u0065\u0074\u0020\u006e\u0075\u006d\u0062\u0065\u0072\u0020\u006f\u0066\u0020\u0074\u0069\u006d\u0065\u0073\u0020\u0074\u006f\u0020\u0073\u006c\u0069\u0064\u0065\u000a\u0020\u0020\u0020\u0076\u0061\u0072\u0020\u0069\u006d\u0061\u0067\u0065\u005f\u0072\u0065\u0065\u006c\u0050\u006f\u0073\u0069\u0074\u0069\u006f\u006e\u0020\u003d\u0020\u0074\u0072\u0069\u0067\u0067\u0065\u0072\u0049\u0044\u0020\u002a\u0020\u0069\u006d\u0061\u0067\u0065\u0057\u0069\u0064\u0074\u0068\u003b\u0020\u002f\u002f\u0044\u0065\u0074\u0065\u0072\u006d\u0069\u006e\u0065\u0073\u0020\u0074\u0068\u0065\u0020\u0064\u0069\u0073\u0074\u0061\u006e\u0063\u0065\u0020\u0074\u0068\u0065\u0020\u0069\u006d\u0061\u0067\u0065\u0020\u0072\u0065\u0065\u006c\u0020\u006e\u0065\u0065\u0064\u0073\u0020\u0074\u006f\u0020\u0073\u006c\u0069\u0064\u0065\u000a\u000a\u0020\u0020\u0020\u0024\u0028\u0022\u002e\u0070\u0061\u0067\u0069\u006e\u0067\u0020\u0061\u0022\u0029\u002e\u0072\u0065\u006d\u006f\u0076\u0065\u0043\u006c\u0061\u0073\u0073\u0028\u0027\u0061\u0063\u0074\u0069\u0076\u0065\u0027\u0029\u003b\u0020\u002f\u002f\u0052\u0065\u006d\u006f\u0076\u0065\u0020\u0061\u006c\u006c\u0020\u0061\u0063\u0074\u0069\u0076\u0065\u0020\u0063\u006c\u0061\u0073\u0073\u000a\u0020\u0020\u0020\u0024\u0061\u0063\u0074\u0069\u0076\u0065\u002e\u0061\u0064\u0064\u0043\u006c\u0061\u0073\u0073\u0028\u0027\u0061\u0063\u0074\u0069\u0076\u0065\u0027\u0029\u003b\u0020\u002f\u002f\u0041\u0064\u0064\u0020\u0061\u0063\u0074\u0069\u0076\u0065\u0020\u0063\u006c\u0061\u0073\u0073\u0020\u0028\u0074\u0068\u0065\u0020\u0024\u0061\u0063\u0074\u0069\u0076\u0065\u0020\u0069\u0073\u0020\u0064\u0065\u0063\u006c\u0061\u0072\u0065\u0064\u0020\u0069\u006e\u0020\u0074\u0068\u0065\u0020\u0072\u006f\u0074\u0061\u0074\u0065\u0053\u0077\u0069\u0074\u0063\u0068\u0020\u0066\u0075\u006e\u0063\u0074\u0069\u006f\u006e\u0029\u000a\u0020\u000a\u0024\u0028\u0022\u002e\u0063\u0072\u006f\u0074\u0074\u0022\u0029\u002e\u0073\u0074\u006f\u0070\u0028\u0074\u0072\u0075\u0065\u002c\u0074\u0072\u0075\u0065\u0029\u002e\u0073\u006c\u0069\u0064\u0065\u0055\u0070\u0028\u0027\u0073\u006c\u006f\u0077\u0027\u0029\u003b\u000a\u000a\u0024\u0028\u0022\u002e\u0063\u0072\u006f\u0074\u0074\u0022\u0029\u002e\u0065\u0071\u0028\u0020\u0024\u0028\u0027\u002e\u0070\u0061\u0067\u0069\u006e\u0067\u0020\u0061\u002e\u0061\u0063\u0074\u0069\u0076\u0065\u0027\u0029\u002e\u0061\u0074\u0074\u0072\u0028\u0022\u0072\u0065\u006c\u0022\u0029\u0020\u002d\u0020\u0031\u0020\u0029\u002e\u0073\u006c\u0069\u0064\u0065\u0044\u006f\u0077\u006e\u0028\u0022\u0073\u006c\u006f\u0077\u0022\u0029\u003b\u000a\u000a\u0020\u0020\u0020\u002f\u002f\u0053\u006c\u0069\u0064\u0065\u0072\u0020\u0041\u006e\u0069\u006d\u0061\u0074\u0069\u006f\u006e\u000a\u0020\u0020\u0020\u0024\u0028\u0022\u002e\u0069\u006d\u0061\u0067\u0065\u005f\u0072\u0065\u0065\u006c\u0022\u0029\u002e\u0061\u006e\u0069\u006d\u0061\u0074\u0065\u0028\u007b\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u006c\u0065\u0066\u0074\u003a\u0020\u002d\u0069\u006d\u0061\u0067\u0065\u005f\u0072\u0065\u0065\u006c\u0050\u006f\u0073\u0069\u0074\u0069\u006f\u006e\u000a\u0020\u0020\u0020\u007d\u002c\u0020\u0035\u0030\u0030\u0020\u0029\u003b\u000a\u000a\u000a\u007d\u003b\u000a\u000a\u002f\u002f\u0052\u006f\u0074\u0061\u0074\u0069\u006f\u006e\u0020\u002b\u0020\u0054\u0069\u006d\u0069\u006e\u0067\u0020\u0045\u0076\u0065\u006e\u0074\u000a\u0072\u006f\u0074\u0061\u0074\u0065\u0053\u0077\u0069\u0074\u0063\u0068\u0020\u003d\u0020\u0066\u0075\u006e\u0063\u0074\u0069\u006f\u006e\u0028\u0029\u007b\u000a\u0024\u0028\u0022\u002e\u0063\u0072\u006f\u0074\u0074\u0022\u0029\u002e\u0065\u0071\u0028\u0020\u0024\u0028\u0027\u002e\u0070\u0061\u0067\u0069\u006e\u0067\u0020\u0061\u002e\u0061\u0063\u0074\u0069\u0076\u0065\u0027\u0029\u002e\u0061\u0074\u0074\u0072\u0028\u0022\u0072\u0065\u006c\u0022\u0029\u0020\u002d\u0020\u0031\u0020\u0029\u002e\u0073\u006c\u0069\u0064\u0065\u0044\u006f\u0077\u006e\u0028\u0022\u0073\u006c\u006f\u0077\u0022\u0029\u003b\u000a\u0020\u0020\u0020\u0070\u006c\u0061\u0079\u0020\u003d\u0020\u0073\u0065\u0074\u0049\u006e\u0074\u0065\u0072\u0076\u0061\u006c\u0028\u0066\u0075\u006e\u0063\u0074\u0069\u006f\u006e\u0028\u0029\u007b\u0020\u002f\u002f\u0053\u0065\u0074\u0020\u0074\u0069\u006d\u0065\u0072\u0020\u002d\u0020\u0074\u0068\u0069\u0073\u0020\u0077\u0069\u006c\u006c\u0020\u0072\u0065\u0070\u0065\u0061\u0074\u0020\u0069\u0074\u0073\u0065\u006c\u0066\u0020\u0065\u0076\u0065\u0072\u0079\u0020\u0033\u0020\u0073\u0065\u0063\u006f\u006e\u0064\u0073\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0024\u0061\u0063\u0074\u0069\u0076\u0065\u0020\u003d\u0020\u0024\u0028\u0027\u002e\u0070\u0061\u0067\u0069\u006e\u0067\u0020\u0061\u002e\u0061\u0063\u0074\u0069\u0076\u0065\u0027\u0029\u002e\u006e\u0065\u0078\u0074\u0028\u0029\u003b\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0069\u0066\u0020\u0028\u0020\u0024\u0061\u0063\u0074\u0069\u0076\u0065\u002e\u006c\u0065\u006e\u0067\u0074\u0068\u0020\u003d\u003d\u003d\u0020\u0030\u0029\u0020\u007b\u0020\u002f\u002f\u0049\u0066\u0020\u0070\u0061\u0067\u0069\u006e\u0067\u0020\u0072\u0065\u0061\u0063\u0068\u0065\u0073\u0020\u0074\u0068\u0065\u0020\u0065\u006e\u0064\u002e\u002e\u002e\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0024\u0061\u0063\u0074\u0069\u0076\u0065\u0020\u003d\u0020\u0024\u0028\u0027\u002e\u0070\u0061\u0067\u0069\u006e\u0067\u0020\u0061\u003a\u0066\u0069\u0072\u0073\u0074\u0027\u0029\u003b\u0020\u002f\u002f\u0067\u006f\u0020\u0062\u0061\u0063\u006b\u0020\u0074\u006f\u0020\u0066\u0069\u0072\u0073\u0074\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007d\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0072\u006f\u0074\u0061\u0074\u0065\u0028\u0029\u003b\u0020\u002f\u002f\u0054\u0072\u0069\u0067\u0067\u0065\u0072\u0020\u0074\u0068\u0065\u0020\u0070\u0061\u0067\u0069\u006e\u0067\u0020\u0061\u006e\u0064\u0020\u0073\u006c\u0069\u0064\u0065\u0072\u0020\u0066\u0075\u006e\u0063\u0074\u0069\u006f\u006e\u000a\u0020\u0020\u0020\u007d\u002c\u0020\u0031\u0030\u0030\u0030\u0030\u0029\u003b\u0020\u002f\u002f\u0054\u0069\u006d\u0065\u0072\u0020\u0073\u0070\u0065\u0065\u0064\u0020\u0069\u006e\u0020\u006d\u0069\u006c\u006c\u0069\u0073\u0065\u0063\u006f\u006e\u0064\u0073\u0020\u0028\u0033\u0020\u0073\u0065\u0063\u006f\u006e\u0064\u0073\u0029\u000a\u000a\u007d\u003b\u000a\u000a\u0072\u006f\u0074\u0061\u0074\u0065\u0053\u0077\u0069\u0074\u0063\u0068\u0028\u0029\u003b\u0020\u002f\u002f\u0052\u0075\u006e\u0020\u0066\u0075\u006e\u0063\u0074\u0069\u006f\u006e\u0020\u006f\u006e\u0020\u006c\u0061\u0075\u006e\u0063\u0068\u000a\u000a\u0020\u002f\u002f\u004f\u006e\u0020\u0043\u006c\u0069\u0063\u006b\u000a\u0020\u0020\u0020\u0020\u0024\u0028\u0022\u002e\u0070\u0061\u0067\u0069\u006e\u0067\u0020\u0061\u0022\u0029\u002e\u0063\u006c\u0069\u0063\u006b\u0028\u0066\u0075\u006e\u0063\u0074\u0069\u006f\u006e\u0028\u0029\u0020\u007b\u0020\u0020\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0024\u0061\u0063\u0074\u0069\u0076\u0065\u0020\u003d\u0020\u0024\u0028\u0074\u0068\u0069\u0073\u0029\u003b\u0020\u002f\u002f\u0041\u0063\u0074\u0069\u0076\u0061\u0074\u0065\u0020\u0074\u0068\u0065\u0020\u0063\u006c\u0069\u0063\u006b\u0065\u0064\u0020\u0070\u0061\u0067\u0069\u006e\u0067\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u002f\u002f\u0052\u0065\u0073\u0065\u0074\u0020\u0054\u0069\u006d\u0065\u0072\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0063\u006c\u0065\u0061\u0072\u0049\u006e\u0074\u0065\u0072\u0076\u0061\u006c\u0028\u0070\u006c\u0061\u0079\u0029\u003b\u0020\u002f\u002f\u0053\u0074\u006f\u0070\u0020\u0074\u0068\u0065\u0020\u0072\u006f\u0074\u0061\u0074\u0069\u006f\u006e\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0072\u006f\u0074\u0061\u0074\u0065\u0028\u0029\u003b\u0020\u002f\u002f\u0054\u0072\u0069\u0067\u0067\u0065\u0072\u0020\u0072\u006f\u0074\u0061\u0074\u0069\u006f\u006e\u0020\u0069\u006d\u006d\u0065\u0064\u0069\u0061\u0074\u0065\u006c\u0079\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0072\u006f\u0074\u0061\u0074\u0065\u0053\u0077\u0069\u0074\u0063\u0068\u0028\u0029\u003b\u0020\u002f\u002f\u0020\u0052\u0065\u0073\u0075\u006d\u0065\u0020\u0072\u006f\u0074\u0061\u0074\u0069\u006f\u006e\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0072\u0065\u0074\u0075\u0072\u006e\u0020\u0066\u0061\u006c\u0073\u0065\u003b\u0020\u002f\u002f\u0050\u0072\u0065\u0076\u0065\u006e\u0074\u0020\u0062\u0072\u006f\u0077\u0073\u0065\u0072\u0020\u006a\u0075\u006d\u0070\u0020\u0074\u006f\u0020\u006c\u0069\u006e\u006b\u0020\u0061\u006e\u0063\u0068\u006f\u0072\u000a\u0020\u0020\u0020\u0020\u007d\u0029\u003b\u0020\u0020\u000a\u000a\u007d\u0029\u003b\u000a\u000a\u002f\u002f\u005d\u005d\u003e\u000a\u003c\u002f\u0073\u0063\u0072\u0069\u0070\u0074\u003e&#39;)</script>
    - Chèn tiếp đoạn bên dưới CSS trên   ]]></b:skin>
    .sompret-wrapper {float:left; position: relative;margin-left: 10px;}
    .sompret-wrapper h2 {background: #8CC63F !important;padding: 6px 10px !important;text-align: left !important;}
    .sompret-wrapper h2 a {color: #fff !important;font: bold 17px arial !important;}
    .sompret { overflow: hidden; position: relative; width:438px; height:282px;}
    .image_reel { position: absolute; top: 0; left: 0; }
    .image_reel img {overflow: hidden;float: left;width:438px; height:282px;}
    .paging {padding: 10px 0 5px; text-align: right;z-index: 100;padding-right: 10px;position: absolute;top: 0;right: 10px;}
    .paging a { text-indent:-9999px; background:#000; width:12px; height:12px;border-radius: 20px;display:inline-block;margin:3px; border:none; outline:none; }
    .paging a.active {background:#fff; border:none; outline:none;}
    .paging a:hover {font-weight: bold; border:none; outline:none;}
    .crott {width:280px;display: none;position:absolute;bottom: 0;left:0;z-index:101;background:#250B01;padding:5px 10px;opacity: 0.6;}
    .crott a{color: #fff;font: bold 15px arial;float: left;width:280px;height: 17px;overflow: hidden;}
    .crott p{color: #fff;font: 12px Arial;display: none;}
    - Chèn tiếp đoạn code bên dưới vào nơi bạn cần hiển thị
     <div id='slidertop-trungtam'>
     <div class='sompret-wrapper'>
    <div class='sompret'>
    <div class='image_reel'>
    <script>
    document.write(&quot;&lt;script src=\&quot;http://www.thaiaiti.com/feeds/posts/default/-/Quảng%20cáo%20TOP?max-results=&quot;+numpostssldechayngang+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=slidepostthaiaiti\&quot;&gt;&lt;\/script&gt;&quot;);
    </script></div>
    <div class='description'>
    <script>      
    document.write(&quot;&lt;script src=\&quot;http://www.thaiaiti.com/feeds/posts/default/-/Quảng%20cáo%20TOP?max-results=&quot;+numpostssldechayngang+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=slidepostthaiaiti0\&quot;&gt;&lt;\/script&gt;&quot;);
    </script>
    </div>
    </div>
    <div class='paging'>
    <a href='#' rel='1'/>
    <a href='#' rel='2'/>
    <a href='#' rel='3'/>
    <a href='#' rel='4'/>
    </div>
    </div>
     </div>
    - CHúc bạn thành công !


Bình luận & Góp ý
  1. khiếp, code này bác sưu tầm hay tự làm thế, nhìn mà hoảng @@

    Trả lờiXóa