I want to create an carousel with different 8 items. Those 8 times contains different divs, paragraphs and images and user should see 4 items on one "slide" so, I have to create new divs to wrap that all.
Right now I am using Flexslider by WooCommerece:
http://flexslider.woothemes.com/basic-carousel.html
But sadly this Felixslider isn't working with divs.
My question now is, which slider is supporting divs, paragraphs and images?
Also, I have to create the divs with PHP. But, that I could do myself.
Regards
I think you can use this Demo
and you can create your own extension like this Demo
Looks like Owl carousel would work for you. Checkout the demo of owl carousel
Related
I am currently working on a display for my images
I try to achieve something like this
I found on bootstrap documentation the Carrousel, it is close but not what I want to achieve.
How could I do this with bootstrap or another ressource without coding it in JS from scratch?
More precisely, how to do the carrousel (with multiple images) below the active image ?
Regards
Check this website and select the one you want.
bootstrap-4-carousel
There is one Carousel indicators with thumbnails which may fit your need.
I have two caroufredsel sliders with the same effect:
the first slider where on the homepage doesn't cross fade
http://www.clubseekr.com
however on another page where the same slider is used with same effect it does work
http://clubseekr.com/tokyo/unit/
In order to go to the slider just click on one of the 4 photos underneath the heading: Photos
In order to get it with the desired crossfade effect I use the following code
$('#carousel').carouFredSel({
scroll : { fx : "crossfade" }
});
The total code is a bit more than that but this should give the effect as well on the homepage.
Is there something i am doing wrong in the slider?
most probably you have a Hero-rotating bar in your home page and that JavaScript functions conflict with your carousel JavaScript functions. if i faced this problem i will get any one of those parts to another page and join it using Iframe. when you use Iframe those java functions can work on both of them separately without any collisions.
I'm trying to get a look like pinterest, where the elements (pics w/ captions) slide into each other. There are two distinct rows here, however, I need the pics with captions to slide into each other.
http://pureformenyc.com/inspiration/
Try the jQuery Masonry layout plugin.
I am using a circle slide show from the link below.
http://www.htmldrive.net/items/show/779/Lightweight-Circle-slideshow
Can somebody help me get more than one slide show in a page? thanks
figured it out!!!! used different id for different sliders, then made all the initition statements in the same function..
I am looking for a javascript based image slideshow solution. Requirements I received:
A few images are added to the slideshow, and it fades one image after another and then starts again from the first image
There should be a navigation in order to manually go to the next / previous image
There should be the option to pause the slideshow and continue again
Can the jquery cycle plugin handle these? Are there any alternatives for the YUI 2 framework?
Jquery Cycle plugin can definiately handle this. Check out this page of examples for more details.
For YUI 3:
http://freshcutsd.com/yui-slideshow/
-Eric
The YUI Carousel component seems like a good fit:
http://developer.yahoo.com/yui/examples/carousel/csl_circular_source.html
Take a look at the great Lightbox Clones Matrix. It's mainly based around ones which open in a div above your content, but many offer slideshow capabilities. Just use the checkboxes in the top right to filter to what you want.