Display of blocks according to the screen width [closed] - javascript

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 am looking for the approach about how the blocks are being displayed and being adjusted on this page
http://www.eonline.com
Js Fiddle
http://jsfiddle.net/3pcDe/
Thanks for any solution in advance.

jQuery masonry is your friend
http://masonry.desandro.com/
It's a really simple to use plugin with various options

Or, even better, take a shine to Masonry's bigger sister Isotope - she can do all sorts of tricks on top of Masonry and is as easy to handle. Both were developed and are maintained by the same developer; Masonry came first, Isotope was built as an advancement with sorting, filtering and other cool features, see and try for yourself here.

Related

Preloading content with grey bars like youtube [closed]

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 4 years ago.
Improve this question
can anyone explain me, how I can add a content preloader to my site so that's look like this:
How is this done?
Many thanks.
This is called a Loading placeholder.
You can find some examples on many sites.
Here is an example on Codepen. As you can see, you can do it only with HTML and CSS.
If you want other examples, you can find a lot of tutorials on YouTube with keywords Loading placeholder tutorial. If you want to make it more easily, you can use this library.
Good luck.
You can get better per loader from https://icons8.com/preloaders/

How can i do that in javascript? [closed]

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.

Jquery scrolling effect [closed]

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
I know this is a place for posting questions regarding the code issues but please can anyone help me out with this I need a scrolling jQuery effect like when we are on that section like if portfolio section is active then the content start scrolling automatically like in this website section number 4 what jQuery I have to use at http://stampsy.com. Can anyone help me out, please?
I'm confused by your question but I think you want the picture slide effect?
If so, I would recommend using the bootstrap Carousel, should give you what you need.
EDIT:
For the section number 4 just use the CSS scroll effects.

See all select options on fullscreen using jQuery/JS [closed]

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 9 years ago.
Improve this question
I want when I click in the select, I see all options on full screen.
I have an example in this link.(By choosing the state)
Note : I don't want to use jQuery mobile.
It's been a few hours I'm looking for this feature, but unfortunately I can not find any result.
Thank you.
Try this plugin, and just set the maxHieght and menuWidth properties to the page size. I would use a dynamic calculation, to determine current pages coordinates, then plugin them into the plugins properties. Plugin can be found here: https://github.com/fnagel/jquery-ui/wiki/Selectmenu. Hopefully this will help you out. Happy coding!

How can i make pictures resizable? [closed]

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 am learning to design a website for my CS department as in my project.
i want to provide with a slideshow of department resources or say snapshots.
I wish to know how to make the slideshow, and how to position images in such a way that it fits all browsers widths perfectly.
Please Help !
To get images to fit all widths, use width: 100%; in your css. As the comments suggest, by asking SO you will be copying from the internet, so if you really don't want to do that, don't read my answer =P

Categories