I have a carousel and I want achieve the design as in the picture:
Design I want to achieve
The indicators are rendered as text with a bar that indicates active slide. How do I achieve this design?
Tried with css and javascipt but not getting what I want. Please help I am new to web development.
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 would like to include banner slider that will fit properly on my site http://wwww.virmodrosti.com index page.
I tried to insert some codes I found on the internet but somehow ruined my entire page.
Question 1: Is jQuery or CSS alone is a better choice for slider?
Question 2: Where can I get easy slider without plugin for my wordpress theme?
I need a slider to be just below the line div id="content" on the main index page. I would like to insert an 1188px wide image because my main wrapper width is 1180px. All I want is a simple slider that has option for aorund 5 posts, that will be manually setup. That's why I ask for a good PHP or HTML code that will work with my wordpress theme.
.
Can you show me a Demo, what kind of slider you want. you can use slider Revolution For a simple slider.
This is a really good basic slider. http://kenwheeler.github.io/slick/
However, if you don't know how to develop your own plugin, then you are going to struggle to figure out how to control the content of the slider. Also if you are using someone elses code, isn't that just the same as using a plugin? Using a plugin means the code will be regularly updated, whereas if you use someone elses static code, then if it breaks you won't know what to do.
I found this website and impressed on it https://kvellhome.com/
what technology do I need if I want to create a website like that
Is it Ajax? (I tried to remove some article but it can reload itself when I changed article back)
HTML5 history (I found that it can reach by direct link)
Ok, I think this can guide you to the right direction.
1- the homepage is a simple landing page that usese some animations to change colors and display text.
2 - when clicking on discover, it slides on the right and initialize a second slider that uses the projects's name as navigation dots (can easily be done using css pseudo elements using data attribute as content)
3 - you click on the project itself and it load a parallax page for that specific project.
Menu | contacts | about are pretty simple, they are pages on their own.
Some libraries you could possibly use:
fullscreenjs (to create the fullscreen pages and sliders. the home page can be the first slider and then on the second page you initialize a slider inside a slider (so that the animation to the right looks like the one on the website you provided)
animatecss to animate stuff
parallax for all the parallax effects
I think this is personal preference, but if I had to do a website like that, I will tackle it this way. Hope it helps
I would like to create a slider but my javascript and jQuery knowledge is not that great.
I looked at Flexslider (http://flexslider.woothemes.com/) but I am not able to customize it for the following specs:
no colour gaps between thumbnails
thumbnail timeline scrolls left to right and vice versa
when you click on a thumbnail it replaces the parent (larger) image.
If you could help me understand the code that I need to write, I would be very grateful.
Try cycle 2 plugin. You can customize it as per your need.
http://jquery.malsup.com/cycle2/demo/caro-pager.php
I want to implement a kind of horizontal carousel effect on a couple of images such that each image can be dragged out of the carousel or dragged back into it conversely and the carousel effect still takes place. Is there any JavaScript/jQuery plugin out there that can help me achieve this kind of effect?
Hey I have created carousel by own to my project.
Please visit to given link.
Whole Code Link for Carousel
Hope it helps you.