Cara menggunakan kode html image slider

saya dapat kode ini dari

Post Title 5

Description 5

Keterangan:

  • biru adalah link posting.
  • ungu adalah judul posting.
  • pink adalah image link.
  • merah adalah pengaturan animasi tersendiri per gambar.
  • Oranye adalah deskripsi posting.
  • Masukan kode “Javascript” dibawah ini dibaris paling bawah “theme” sebelum .
    
        $[document].ready[function[] {
            $['.box_skitter'].skitter[{
                 theme: "clean", // minimalist, round, clean, square, untuk default baris ini dihilangkan
                 numbers_align: "center", 
                 dots: false, // true, false
                 preview: true, // true, false
                 controls: true, // true, false
                 controls_position: "rightBottom", // center, leftTop, rightTop, leftBottom, rightBottom
                 progressbar: true, // true, false
                 enable_navigation_keys: true, // true, false
                 animation:"randomSmart", // cube, cubeRandom, block, cubeStop, cubeHide, cubeSize, horizontal, showBars, showBarsRandom, tube, fade, fadeFour, paralell, blind, blindHeight, blindWidth, directionTop, directionBottom, directionRight, directionLeft, cubeStopRandom, cubeSpread, cubeJelly, glassCube, glassBlock, circles, circlesInside, circlesRotate, cubeShow, upBars, downBars, hideBars, swapBars, swapBarsBack, swapBlocks, cut, random, randomSmart
                 labelAnimation: "slideUp", // Label animation type, slideUp, left, right, fixed
                 interval: 3000, // waktu transisi
            }];
        }];
    
    

    Catatan: biru muda adalah kostumisasi pengaturan.

  • Selesai.
  • Catatan: Langkah-langkah diatas adalah panduan membuat Slideshow secara manual dengan memasukan gambar beserta link dan judul artikelnya sebanyak 5 postingan. Slider tersebut dapat dimodifikasi seperti yang diinginkan, dan memang benar-benar dapat dimodifikasi sehingga terlihat lebih bagus, seperti menambah jumlah postingan serta gambarnya.

    Slider atau Slideshow Otomatis

    Cara Membuat Slideshow Otomatis di WordPress

    Untuk membuat Slider atau Slideshow Full Effect Otomatis di WordPress:

    1. Ganti kode “HTML” pada langkah 4 yang disebutkan diatas dengan kode dibawah ini.

      Bài mới nhất

      Chủ Đề