Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I want to know the name of jQuery feature. It is, when you add it, you can slide through your page elements, for example, similar feature is slider (with which you can slide through videos and pictures), but I need to slide through blocks, for example I have 3 small blocks (all content inside div), block size is 600 x 300, I need to add arrows to the side of them, and when I press arrow, it fades away current block and all items inside it, and shows next one.
Hope you can help me.
jQuery cycle plugin is a popular and customizable 'slider' or 'carousel'. Just google for jquery sliders or jquery carousel, and you will find many other similar 'plugins'. Many of them have example pages you can look at to see which one you like. And most of them support sliding 'div' block elements.
I think you want jQuery functions. try following any one:
fadeIn(); fadeOut();
toggle();
slideUp(); slideDown(); slideToggle();
carousel();
these are jQuery function. try it.
I hope you will get the solution.
Related
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
So I've seen a mouse-hover effect on 2 websites so far and I really like it.
This is the effect I'm talking about.
I'd be grateful if somebody can tell me how to get that effect on my webpage.
It only appears under your cursor when you hover over the page.
The site you have linked in the comments uses the HTML canvas element. But You can simply use already existing libraries for that effect.
Examples mentioned in the comments:
http://jnicol.github.io/particleground/
http://github.com/VincentGarreau/particles.js
Simply, Go to the webpage you wanted to Copy it's effects or anything from it
Right click, View page source
If the effect is made by Css, you will find it in stylesheets tab
If it's using jQuery/Js, Search the head for <script> , Read them and copy the effect (assuming that you understand js/jquery
For more simplicity, use Firebug, open it and just point the cursor at the item you want to see it's source.
But, actually
You can find it at github Here
Change what you want.
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 6 years ago.
Improve this question
My picture
About my issue. Please help me! Thank you very must.
I doubt you're going to get a good answer give the vagueness of your question, but I'll give you a start. For one, you could use one of several good sliders that exist. For a start, I'll recommend three that I really like: Slidr, Slick, and Flickity.
The second option is that you could build a custom slider of sorts. Now, given the way you've asked the question, I am going to assume you don't want to do this. Nonetheless, you could stack all of the slides on top of each other and use CSS transforms to slide them in from different directions simply using translateX(), and triggering these animations using event listeners on click. This is obviously a very stripped down explanation, but is essentially what a very simple slider like Slidr does.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
I want to create a webpage with several small tiles that enlarge when clicked (And show more/different content, but that's not a part of this question).
This is what I have now: http://puu.sh/nX929.png
When I click on the first tile, it looks exactly like I want it to: http://puu.sh/nX9l9.png
But when I click the second tile it looks like this: http://puu.sh/nX95G.png (gap on the left)
That's not what I want, I want to other (small) tiles to float around it. To fill the empty space.
The source code (+ live example) can be found here (but I wouldn't mind doing it in a completely different way): https://www.crescendosassenheim.nl/Hugo/Training/
I don't even know what to Google, because I have absolutely no idea what kind of technique I can use to achieve what I want. Any suggestions?
http://masonry.desandro.com/methods.html Take a look at this I am sure this will help you, what you want is even displayed at the bottom of the page i am linking.
Download masonry in your computer link to it and follow the little guide in their website.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
I have a website with a grid of elements that scrolls down. Something very similar than this example:
I would like that, when you click on an element, it zooms in on this element, the other elements disappear, and next to the chosen element's image, some text is displayed. And when you exit this view, the text disappears, and unzoom to the initial view with the grid of all elements.
I don't know how this effect is called - if it ever has a name - and I am having a hard time figuring out how it could be done.. jQuery ? CSS animation ?
I am open to any leads ! Thanks for your help,
I've made a piece of code with jQuery. You can achieve your goal with many ways but here is one.
You can use scale() CSS3 properties to make the zoom on the image and hide() with jQuery to hide the other ones while you click() on one.
If you can't find a solution with these hints, I've made an example of what you wants right here
You can create new div on click with absolute position and display it on front of other elements(bigger z-index)
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 7 years ago.
Improve this question
well i was planning to do something like this:
http://www.bluefountainmedia.com/portfolio
That every time you click on the image, the div below will show, and if im going to click other images, it'll toggle back up, then open the next portfolio with the same div but different images and descriptions on the side.
Note: they have the same div, just calling out different items.
Thank you.
Actually if you look at the console, they are calling different divs. You could probably get it done quickly using jQuery .slideUp() / .slideDown().