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 3 years ago.
Improve this question
When I open some web-pages such as Youtube, I see the gray parts which would mean that it is loading data.
How can I make this kind of effect when building a web-page? Just answering in general is enough! Thank you.
Youtube render page
YouTube is a "single page application", when you open it the video data is not fetched yet with the page. that when you see the gray parts and you can style them like here.
After fetching the data of the videos they hide the loading part then showing the real video elements.
For example:
<div class="loading">
<!-- Loading elements -->
</div>
<div class="videos" style="display: none">
<!-- The display will change the the is fetched from the server -->
</div>
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 5 years ago.
Improve this question
Thank you in advance for your help!
For a project I'm building a page for an animal shelter. On a page I have a list of available animals generated from JSONP data, with a picture and basic data.
I would like to create something so that if the user clicks on the animals picture, it shows the full info for the animal, and all the available pictures.
I'm not sure what the best way to do this would be? A modal? A new html page? We're only using front end (html, CSS, javascript).
you can use bootsrap modal as it fits perfectly to your needs and you can customize it the way you want :
https://v4-alpha.getbootstrap.com/components/modal/
Bootstrap modal is best to show full details.Because users dont want to load pages all the time.
For Bootstrap modal go to this link
https://www.w3schools.com/bootstrap/bootstrap_modal.asp
When you want to display with comments of that blog use new html page.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
What's the best way to load a different video background when user refreshes the page? I seem this done in flash but that's not what I want. Thank you.
I would do it this way:
Initialize a set of video sources in an array.
Randomly pickup a video among these sources using Math.random() and apply it to your webpage.
If you want different video after every refresh, save the source path in localStorage and check it after refresh.
Keep it simple. :)
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 8 years ago.
Improve this question
I have this Javascript background wrapper that i want to add on its images some "description" div in the middle.
<script type="text/javascript">
<!--
var slideInterval=20000;
var slideTransition=3500;
var slideArray=["index_files/background1.jpg","index_files/background2.jpg","index_files/background3.jpg"];
jQuery.fx.interval=33;
// -->
</script>
As it's seen, this plugin allows me only to slide images and not DIVs.
And i want to include the description below (3 descriptions for 3 images)
<div style="opacity: 1 ! important;" class="description">
<h2>An everyday...</h2>
<p>Sharing rides in underground Paris...More >></p>
</div>
What is the best way to think about when i want to associate each of the 3 description Div to the above plugin "background1...3" so the plugin will automatically display them together. Appreciate your comments.
This is really easy to do with AngularJS and BootStrap...
http://angular-ui.github.io/bootstrap/
Scroll down to the Carousel Example and just modify it a little for your needs.
The example given on this page should do it though.
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 8 years ago.
Improve this question
Is it a lightbox gallery of somesort? I'll try and find an example of what I mean and link it.
I'm not entirely sure how this would be implemented? Would I put it at the bottom of a header element if I wanted it to overlay on top of the transition between the header of the page and the main article text?
Sorry for any lack of knowledge/terminology in advance.
Probably you are looking for Slider Evolution. I used it for some quick projects and it's really nice and customizable with themes. Explore the demo page here
EDIT: You may as well consider using frameworks like Bootstrap. It has Carousel Component.
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
Friends
I am working on the Dynamic Web project.
I am creating JSP & Servalet Pages in my project
I am load a gif image at the time of the page submit
at that time i need to disable whole jsp page
Please anyone has an idea so please suggest me.
Try BlockUI plugin for jQuery.