Hi Utsavi Shah
This code is very much useful in my project. Thanks for writing this functionality.
How can we update it to Bootstrap4?
pradeep523 (1) - 2 years ago - Reply 1
Hi Utsavi Shah
This code is very much useful in my project. Thanks for writing this functionality.
How can we update it to Bootstrap4?
pradeep523 (1) - 2 years ago - Reply 0
Hi Utsavi Shah
This code is very much useful in my project. Thanks for writing this functionality.
How can we update it to Bootstrap4?
pradeep523 (1) - 2 years ago - Reply 0
Hi Utsavi Shah
This code is very much useful in my project. Thanks for writing this functionality.
How can we update it to Bootstrap4?
pradeep523 (1) - 2 years ago - Reply 0
Hi Utsavi Shah
This code is very much useful in my project. Thanks for writing this functionality.
How can we update it to Bootstrap4?
pradeep523 (1) - 2 years ago - Reply 0
Hi Utsavi Shah
This code is very much useful in my project. Thanks for writing this functionality.
How can we update it to Bootstrap4?
pradeep523 (1) - 2 years ago - Reply 0
Hi, Geeky Girl, this is a good stuff, but I want to implement it on Bootstrap 4, how can I solve it ?
Your answer will be helpful
arysfan () - 4 years ago - Reply 0
Hi I have use this snipp in my website http://kalarikendramdelhi.com/ it is very beautiful snipp
amar singh () - 7 years ago - Reply 0
Hi !
Your work seemed great until I test with chrome on mobile device.
When I swipe to change slide, the page scrolls in the time.
And it's not very practical.
Any solution ?
Sincerly.
Sébastien Mercier () - 7 years ago - Reply 0
Hello ,
Sorry for the inconvenience you faced.
currently bootstrap slider is set to auto slide ,
you can stop slides from auto sliding by using code :
$('#myCarousel').carousel({
interval:false
});
By setting interval as false it will stop sliding automatically !
I hope this helps to you !
Thanks
geeky girl () - 7 years ago - Reply 0
Hi, you have done an amazing job!!!
I have used this code for my first web, and it is ok, but sometimes I have an issue with Firefox.
In Chrome or Opera it is perfect everywhere, but in some computers (only in some computers), Firefox shows a bug which makes that, between animations, there is something like a "scroll left" (I don´t know how to explain it), leaving a white space between animations.
For example, it works great at home, but at school, in some computers it runs perfect, but sometimes not.
The funny thing, is that it happens here, even in your original code too, so it must be an issue with SOME firefox versions, but not a programming issue.
I have updated Firefox to latest version, tried to upload without complements, but the problem still goes on. Do you know what could be happening? It would be sad to delete it and use a slider plugin, since I have worked a lot for my customization :(
Thank you!
FranStoker () - 7 years ago - Reply 0
Hello FranStoker ,
Thank you for liking my work !
I am glad you used my snippet in your work , and it seems like you have put lots of efforts behind this .
I really want to help you out with this problem but I am really sorry i tested in many computers in Firefox but I couldn't found the issue :( , Can you please share video / URL / screenshot of the issue you are facing ,
I will try my level best to help you out !
It sounds like some interesting issue , so I am looking forward to here back from you ! :)
You can contact directly to me on my Email Id : geekygirl003@gmail.com .
geeky girl () - 7 years ago - Reply 0
Hi geeky girl!
I am actually working with localhost, so I can´t show you the work at the moment, but I will send you some screenshots with the bug to see if you can figure out what is happening.
Thanks for everything
FranStoker () - 7 years ago - Reply 0
Hello Fran Stoker ,
I have solved this issue , now it works fine.
I hope this helps :)
Thank You
geeky girl () - 7 years ago - Reply 0
Hi it is very nice work.
I have a problem. I use Bootstrap 4.0. I added my html page which write bootstrap 3.0 via jquery load function. $("#slider").load('animated_vertical_bootstrap_carousel_on_mouse_scroll_and_swipe.html');
when I add the code , My page breaks. How can i solve ? breaks css
problem's photos
Aziz Pir () - 7 years ago - Reply 0
Hello Aziz ,
Thank you for appreciating my work !
I would be glad to help you if you can share url of your issue , because I am not able to find out from screenshots that what could be the solution for this .
I hope this helps !
I would be glad to here you back and help you for the issue .
For any further queries you can contact me on : geekygirl003@gmail.com
geeky girl () - 7 years ago - Reply 0
I added a fourth slide and add <li data-target="#myCarousel" data-slide-to="3"></li> inside indicators an added item3 in animation script. Sllide is showing but image is not showing
Shrinivasa () - 7 years ago - Reply 0
Hello Shrinivasa,
Please add this part in your css :
.item4.active .carousel-img img.animated {
visibility: visible;
opacity: 1;
transition: all 0.3s ease;
animation-duration: 2s;
animation-delay: 0.3s
}
- here item4 is the class name of your item that you have added in your html .
- In current code initially image is hidden and it's opacity is 0 and it is visible once item is active .
so whenever you want to add another slide just add this much part in your css with required class name .
I hope this helps !
For any further queries you can contact me on : geekygirl003@gmail.com .
geeky girl () - 7 years ago - Reply 0