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..
Related
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
I'm begginer in programing. I'm trying to use jquery plugins elevatezoom and bxslider. And I have a little problem.
What I have
When I choose one picture from the box, which was created by bxslider plugin, as I understand, the other became invisible, but still exist at the page (in my example at the left top of the page). And when I mouseover this block, the elevate zoomer plugin understand it as a picture for zooming, and start to zoom it. As a result,the page works incorrectly.
Does anyone know how to solve this problem?
I also can give the link to the live project
Maybe you could try to add a class to the active slide object like here and then create an if statement for active slide objects only.
I have some problem with jQuery Cycle Plugin. I realized standart cycle but I want that 3 images appear for starting in one slideshow.
Can anyone please help me with this?
Thanks
If you are using the Jquery Rotator Cycle from http://jquery.malsup.com/cycle/ They have an example of 3 images being shown at a time in a Jquery rotator. It can be found here: http://jquery.malsup.com/cycle/div.html
I just need to display the images in the very center of the page. The images will be different widths but should still be centered. I have custom arrow pointers and I want the other images to be hidden while the other fades out and a new one in.
I've found jquery cycle and stuff but I couldn't center the slideshow to the center of the page for some strange reason.
Any advice?
What plugins can I alter (just replace images) to get what I want?
http://www.proglogic.com/learn/javascript/lesson10.php
not sure if you are still looking for this, as its been awhile since your post - but this is a very simple slideshow using javascript and a table. the image is displayed with "previous" and "next" links below, which can of course be changed to whatever you want. the only possible issue is that it uses html tables which are frowned upon (unless completely necessary). it is however, very easily center-able using css. good luck!
Checkout Anything Slider. That seems to be what you are looking for.
I have a jquery accordion that I have setup with info. What I am trying to do is change an image off to the right of this accordion and the image depends on what accordion selection they selected. I am not experienced enough with jQuery to figure this out. The link is below and you can see what it is that I am explaining here. If you have time check it out. The image to the right is the one that needs to swap out to another depending on accordion selection. Any help would be greatly appreciated.
http://luistovar.com/sandbox
Thanks in advance!
The easiest way is to write some new code, instead of adding code to your existing accordeon menu code (of course you can integrate it in your existing code for the accordeon).
Place your 4 images absolute(!) on top of each other. Because of that, you'll only see one of them. Give them a class, for instance .picture. Give each picture an ID, for instance #picture1.
Give all your a tags an ID, for instance #menu_item1.
Then use the following and jQuery.
$("#menu_item1").click(
function(){
$(".picture").fadeOut(200, function(){
$("#picture1").fadeIn();
});
});
Copy this for each menu item/picture and adjust the numbers.
There are ways which end up with less code, but in this way it's easy to comprehend.
I haven't checked it, but I hope it'll help you. It should give you a small fade effect, which you can tweak by adjusting the number 200 into a smaller or bigger number (milliseconds).
Good luck!