Skip to main content

Primary links

  • Home
  • AI
  • Kubernetes
  • Incus
  • Ansible
  • Terraform
  • OpenStack
  • Virtualization
  • Linux
  • SmartHome
  • HowTo

Misc

  • Linux
  • Hardware
  • Programming
    • Graphic
    • HTML / PHP / CMS
      • AJAX
      • Apache
      • CSS
      • Drupal
        • AdSense
        • CAPTCHA
        • Ddblock
        • Drupal Galleria
        • Enable Cache
        • GeSHi filter
        • Google +1
        • Google Analytics
        • Instal Drupal
        • Language
        • SMTP
        • Shadowbox
        • Themes
        • Translation
        • URL rewrite
        • Webform
        • XML Sitemap
        • access control
        • easySlider
        • fivestar
        • jCarousel
      • Flash video
      • HTML examples
      • PHP
      • WebDAV
      • Webserver UTF-8 encoding
      • framebreaker
      • nginx
    • Java
    • PL / SQL
    • Magento
    • python
    • Asterisk
    • C / C++
    • JavaScript
    • Json
    • Magento
    • OpenOffice / LibreOffice
    • Perl
    • Postfix
    • Regular Expression
    • TLA
    • Tomcat
    • Zenity
    • bash
    • find
    • git
    • ofbiz
    • wildfly
    • xml
  • Databases
  • Multimedia
  • Windows

Cloud

  • OpenStack
  • cloud-config
  • nextcloud

Virtualization

  • Virtualization
  • Incus
  • Docker
  • KVM
  • Kubernetes
  • LXC
  • LXD
  • QEMU
  • VMware
  • VirtualBox
  • multipass
  • podman
  • vagrant
  • XEN

Network

  • DNS
  • Firewall
  • Linux
  • OpenvSwitch
  • SSL
  • VLAN
  • VPN
  • iPXE
  • namespaces
  • nmcli
  • tcpdump

Storage

  • CEPH
  • DRBD
  • LVM
  • S3
  • ZFS
  • btrfs

Automation / CI/CD

  • Install
  • Ansible
  • GitLab
  • LLM
  • Preseed
  • Puppet
  • Terraform
  • Ubuntu autoinstall

Monitoring / Visualisation

  • Grafana
  • Icinga
  • Prometheus
  • Monitoring
  • ELK
  • mermaid
# create directory
/sites/all/modules/easy_slider/js/

# download easySlider javascript file
http://www.cssglobe.com/lab/easyslider1.7/js/jquery.js
http://www.cssglobe.com/lab/easyslider1.7/js/easySlider1.7.js

# save to
/sites/all/modules/easy_slider/js/jquery.js
/sites/all/modules/easy_slider/js/easySlider1.7.js

# add to your css template (e.g. graphics.css)
/* slider */
#primary #slider li{ 
    width: 712px;
    height: 712px;
    overflow: hidden; 
}

#primary #slider ul, #primary #slider li {
    margin: 0;
    padding: 0;
    list-style: none;
    background: none;
}

# Admin > create content > Page
<div>
<ul>
<li><a href="YOUR_LINK_1"><img src="YOUR_IMAGE_1.jpg"></a></li>
<li><a href="YOUR_LINK_2"><img src="YOUR_IMAGE_2.jpg"></a></li>
</ul>
</div>



$(document).ready(function(){	
    $("#slider").easySlider({
        auto: true, 
        continuous: true,
        speed: 1500,
        pause: 5000,
        controlsShow: false
    });
});


# set "Input format" to "Full HTML"

# save

# Links
http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider
Profiles GitHub StackOverflow LinkedIn Xing
Contact Imprint
© panticz 2026

Cookie-Einstellungen

Diese Website nutzt eingebettete Inhalte von Drittanbietern (z.B. YouTube, SoundCloud). Beim Laden dieser Inhalte werden Daten an die jeweiligen Anbieter übermittelt. Datenverarbeitungserklärung