I am trying to create a web page similar to my prototype design (https://xd.adobe.com/spec/79bbc862-6b2f-4f46-4c27-c5847918f854-0f8a/screen/8e80c8c1-a016-4e2c-8e11-557ebdf778b5/success-17)
i have made the page with all the text and everything jus stuck on the loader part
You want to use javascript/jquery for this. A simple method would be
$('#text').delay(3000).fadeIn(2200);});
but you can play around with the delay and the fade
Related
This "image slider? thing. What is it called?
If you go to myanimelist.net, there is this very nice and simple image slider and upon clicking it, it redirects you to the specific anime details page according to what you clicked. What is this widget called and where can I learn to create something like this?
A beginner programmer that wants to create a website but no idea how to start.
The page uses css mostly. if you are really starting and want to learn try with JQuery is a Java framework with "widgets" like you call them.
a duplicate of what you need is here: https://www.jqueryscript.net/demo/Fully-Responsive-Flexible-jQuery-Carousel-Plugin-slick/
This is image slider or carousel slider. You can make it easy by using bootstrap 4 carousels. Bootstrap is very easy to learn and for image slider, you don't need to learn Jquery. Here is a link which will help you to make carousal Bootstrap Carousel
If you wanna use direct code then you can check this link Jassor Image slider
This is called a Carousel or Slider. You should be able to create this with just HTML and CSS and a tad bit of JavaScript. I first learnt building one by going through this link in W3C. When I got older and experienced I stopped building one from scratch for every project, instead started using Bootstrap Carousel. A good resource to learn this is from here.
Im pretty new to html5, im learning at school.
I have a credits button (image) and what i want is when i click on the credits picture. a video should overlay everything thats on the Website.
I thought about redirect to another page with that Video on it. But i want it to happen flawless. Maybe with something like Video.
Someone has an idea?
I think this is going to be pretty hard to make in HTML only.
What you are trying to make is called 'Lightbox', if you have a little bit of Javascript knowledge you can try using this jQuery plugin. it's pretty simple to use and it has support for Video.
We are using Angular.js with Bootstrap, there is no jQuery in the project.
I want to use animate.css to fade in elements on the screen when scrolling up and down.
I have found the following example that demonstrates exactly what i need to achieve:
http://wrapbootstrap.com/preview/WB01649B4
How can i do this with Angular and animate.css, are there any tutorials on this or any help would be great.
Thanks
The animation itself can be done with only animate.css. If you want it to trigger when scrolling down however, you are going to need javascript or jQuery to let the browser know when to trigger the event.
A very easy library to use for this purpose is jquery-waypoint. It simply gives you a jquery hook when you reach a certain point in the browser. You can use that hook to start the animation.
http://imakewebthings.com/jquery-waypoints/
The site has a couple of examples on it and some good documentation. If you don't feel like using a library specially for that, there are some decent tutorials that do it without plugin.
Edit: a nice blogpost on creating your own, without an extra pluging: http://blog.templatemonster.com/2014/07/07/webpage-scrolling-animation-effects-css3-jquery/
i belive what you looking is WOW js, a library designed to trigger animations as soon as you scroll to the element, is Jquery and Non Jquery versions and it plays nice with Animate CSS you can delay the trigger if you need it for the elements
More Info and Download:
WOW JS WebSite
Hi im making my website at the moment and i was wondering if there was a way to show loading screen before the whole web page appears using html is it possible?
I don't think there is a way to do it with with HTML only. However, it would be really simple to just use an animated .gif and the onload event in JavaScript.
Ok, so im creating a website and to make it look fancier, I need to make the image responsive to the mouse (i.e. when the cursor is over the image, when the image is click, etc.) Does anyone know the code or another way of doing it? I am using google sites. Thanks!
I would recommend using JQuery to select and add some actions to your images have a look at this tutorial it is quite good.
You can take the idea and change it to your liking.