How can i make pictures resizable? [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 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

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 to make this in Javascript, jQuery or Angular [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 6 years ago.
Improve this question
I've been trying to google this for hours, and I'm just totally clueless. I want to make something similar to the "Recent Vehicles" section at the bottom of this site, where you can click the arrow and the cars slide on and off the screen.
I have no idea what's the correct thing to google. I know it's not a slider or a carousel, because that's what I've been searching all night.
If someone can show me the basic idea of how to do this in Javascript, jQuery or Angular that would be awesome. Thanks in advance! =)
http://demo.themesuite.com/index.php?theme=Automotive-WP
It is called a Carousel. A good one can be found at http://kenwheeler.github.io/slick/

how can position element like this? [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
in the link below in the bottom of page we see some box that aligned with the javascript or jquery,and they are not in the same row. this can't be done with css.
and when the page width change they realigned with smomth animation.
any body know how to do that? is there any video to teach this technic?
http://esam.ir/itemView.aspx/562755/%D9%81%D8%B1%D9%88%D8%B4-%DA%AF%DB%8C%D8%AA%D8%A7%D8%B1-%DA%A9%D9%84%D8%A7%D8%B3%DB%8C%DA%A9-%D8%A7%DB%8C%D8%B1%D8%A7%D9%86%DB%8C.htm
thanks
There is an easy library called Masonry, have a look at that, they have some decent documentation and it works exactly like you want it. But going into the details of how its done is beyond the scope of a stack overflow post.
http://masonry.desandro.com

Film strip image gallery [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 9 years ago.
Improve this question
This is the layout of what I want to do.
2 divs are there.
Below one(rectangle shaped) should be used for image thumbnails which can be scrolled horizontally
Square on above is for the image that will be shown when clicked on thumbnail
Can anyone guide me how to proceed for thumbnails and scrolling.
Building something like this can be quite straight forward but can be time consuming. I think that the best way you should go around this would be to use something that is already been developed and is already out there and is free.
If you take a look there seems to be a lot of people who already have the code built and ready for download similar to what you are asking for
Hope this helps!

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!

Categories