recentpopularlog in

piperh : slideshow   106

« earlier  
Glider.js - A fast, lightweight carousel alternative
a sort of substitute for a carousel (they say). Doesn't have infinite loop. Manual image change slider with touch feature
webdesign  web  design  slider  carousel  glider  js  javascript  script  slideshow 
december 2018 by piperh
Siema - Lightweight and simple carousel with no dependencies
nice simple vanilla js slideshow - 3k gzipped he says. Don't know about unequal photos - needs checking if you use this
webdesign  web  design  js  javascript  script  carousel  slideshow  vanilla  swipe 
september 2018 by piperh
Metafizzy
makers of js plugins (need jQuery I think) for swiping, dragging, layout, carousel. Flickity could be useful.
webdesign  web  design  isotope  flickity  metafizzy  effect  js  javascript  script  jquery  plugin  swipe  infinite  scroll  layout  carousel  slideshow  draggable  drag 
february 2018 by piperh
Motion blur effect using SVG filters
nice blur effect on slide change in a carousel
webdesign  web  design  slideshow  carousel  motion  blur  svg  effect 
january 2018 by piperh
How To Create a Slideshow
great vanilla js slideshow at w3schools, with captions and dots and poss to put anything in the dot divs (eg, numbers, thumbnails. Returns to beginning at the end, and vice versa. Used it for MediCarrera logo presentation. Also, automatic version.
webdesign  web  design  slideshow  js  javascript  script  vanilla  image  gallery  slider 
june 2017 by piperh
Recambios coche baratos: Repuestos de coches online y Recambios de Automóvil viaweb, Piezas para vehículos descuento
online spares shop. Bookmarked for ecommerce design sample as well as usefulness for spares. Interesting use of slideshow - some slides fade in and then also have animation
car  parts  coche  recambios  animate  gif  animated  animation  slideshow  ecommerce  online  shop  store 
march 2017 by piperh
JQuery Cycle Plugin - Frequently Asked Questions
malsup Cycle FAQ page - shows how to avoid the fouc that displays all slideshow images while page loads. With just a simple bit of css.
webdesign  web  design  tcycle  faq  fouc  js  javascript  jquery  script  dom  cycle  slideshow  flash  image  images 
january 2017 by piperh
Carousels Don't Have to be Complicated - The Media Temple Blog
roundup of simple carousels, mostly vanilla js, one with jquery, a couple with no script at all.
webdesign  web  design  css  carousel  html  javascript  js  vanilla  chris  coyier  slideshow  slider 
november 2016 by piperh
CSSslidy
vanilla js and css slideshow. Allows for captions.
webdesign  web  design  js  javascript  vanilla  slider  slideshow  carousel  image  css 
october 2016 by piperh
lory
vanilla js slideshow. Can also use jQuery. Can accommodate multiple width slides.
They say: Touch enabled minimalistic slider, Hardware accelerated transitions.
webdesign  web  design  slider  slideshow  js  javascript  vanilla  touchscreen  touch  carousel  image  slide 
october 2016 by piperh
slick - the last carousel you'll ever need
versatile, jquery based carousel. Responsive, swipeable, and allows mouse dragging of slides and various other handy options
webdesign  web  design  slider  carousel  slideshow  jquery  js  javascript 
october 2016 by piperh
lightgallery.js
nice vanilla js image gallery with plenty of css transitions. Responsive. Thumbnails. Swipe on touchscreen and can use mouse as swiper on desktop. Youtube and Vimeo and html5 video support. Loads 3 slides at a time to improve performance - customizable. Supports srcset. Supports captions
webdesign  web  design  gallery  slideshow  portfolio  image  photo  presentation  js  javascript  lightbox 
september 2016 by piperh
Ten Requirements For Making Home Page Carousels Work For End Users (If Needed) – Smashing Magazine
article about the desirable properties of a home page carousel for desktop and mobile based on Baymard Institute testing. Especially interesting is the amazon 'table of contents' carousel
webdesign  web  design  carousel  slideshow  image  marketing  home  page  ui  interface  usability 
july 2016 by piperh
Chocolat - jQuery responsive lightbox
nicely designed site to show the plugin, though I don't fully understand what's so special about the actual lightbox
webdesign  web  design  jquery  js  javascript  lightbox  carousel  image  gallery  slideshow 
january 2016 by piperh
CodePen - Pure CSS3 slider
pure css only slideshow, no dependencies
webdesign  web  design  slider  slideshow  fancy  css  image 
november 2015 by piperh
wallop – not just a slider
modern (2015), js only lightweight slider, no jquery
webdesign  web  design  css  javascript  js  slider  carousel  slideshow 
october 2015 by piperh
Creating an Animated Product Slider with Sequence.js
for touch support needs another js link. Check out total weight - possibly not lightweight. Actions are nice and smooth
webdesign  web  design  slider  slideshow  animate  js  javascript  presentation 
september 2015 by piperh
Sequence.js - The responsive CSS animation framework
They say: For creating sliders, presentations, banners, and other step-based applications. Nice actions and v smooth (though I don't understand why they say "for step-based applications"). You can control the transitions with your own css.
webdesign  web  design  gallery  slideshow  carousel  animation  swipe  touch  responsive  transition  js  transform  css 
august 2015 by piperh
slidr.js - add some slide effects.
no dependencies. Slides can be any html, inline, inline-block, block
webdesign  web  design  js  javascript  carousel  slideshow  slide  transition 
january 2015 by piperh
Flexible Image Carousels for Responsive Web Design | Resources
webdesignledger is rather low level, for enthusiasts not pros, but this roundup looks possibly useful, from end of 2014. Badly written article
webdesign  web  design  carousel  slideshow  plugin  responsive 
january 2015 by piperh
non jQuery Slider, pure CSS image slider
as Miles Cruikshank points out, it has a huge 2600-line style sheet weighing 96kb. So there's no saving over jQuery especially if the site is loading jQuery anyway for other reasons
css  web  design  webdesign  slider  gallery  slideshow  image 
june 2014 by piperh
Image Lightbox: Responsive and Touch-Friendly demo by Osvaldas Valutis
simple lightbox with a few configuration options. Responsive and swipeable. Images appear as modal window
webdesign  web  design  jquery  lightbox  slideshow  gallery  swipe  swipeable  touch  responsive  mobile 
may 2014 by piperh
WOW Slider : jQuery Image Slider & Gallery
impressive-looking image slider, does everything, even claims to work without script. Probably big files, but there are some nice fancy effects
jquery  slideshow  javascript  gallery  slider  web  design  webdesign  image  css  responsive  touch  swipe 
november 2012 by piperh
Floatbox - javascript effects library and lightbox clone
this was the js I used previously on Tria site for modal popups. I had version 5.4, now on v6.1.0 (19 Jan 2016).
floatbox  js  javascript  popup  effects  library  slideshow  gallery  fade  script  image  html  webdesign  web  design  multimedia  video  code  coding  enlarge  cycle  thumbnail  hide  show  tooltip  modal  non-modal  i-frame 
september 2012 by piperh
FlexSlider 2
looks good. Thumbnails also responsive.
carousel  gallery  javascript  plugin  responsive  jquery  slideshow  webdesign  web  design  html  js 
september 2012 by piperh
« earlier      
per page:    204080120160

Copy this bookmark:





to read