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.
Related
I've been struggling at work to figure this out for a week and can't quite figure it out and none of my friends know HTML/CSS so I thought why not ask here? I work on my company’s internal website, it's kinda crap none of the apps work. They have a carousel that we don't much care for that I'm trying to get rid of so I was going to make a new one... only issue is the site doesn't allow any scripts or java so I'm really just limited to basic html and css and I can't for the life of me figure out how to animations to work. I've figured out how to make a carousel by researching online that's fine that seems pretty straight forward, animating photos on their own seems straightforward... but trying to make an animation with any kind of control without java or scripts of any kind I can't figure it out. Was hoping someone could help me make a super basic one even if it's just a general image rotator with a hover to pause, but preferably something that rotates automatically and has navigation arrows or page dots...
I found this as something that might work for our site, but I need to reach out to our provider to find out why our host site is replacing the ">" between ".st-slider > #play1:checked" with garbage text preventing me from seeing if this animation will actually work (It should since there are no scripts running it and other keyanimation based css sliders work on our site). Then I would like it to look better... But to give an idea of what kind of project I'm looking at please see the link below.
https://codepen.io/miriamcc/pen/KzGGqZ
enter code here
Hello dear did you try to use
#keyframes
?
that would do the automated part of the work
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
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.
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.
i got this requirement, i need to show my Flash Menu into the index page and i want to change to other pages without refreshing my flash movie. its possible do that ? i tried to use frameset html tag. but want to have a unique scroll bar.
Can you please give me some tip in order to solve this.
Thanks in advance,
You could load the content via AJAX... But that is a workaround I won't consider, it's a poor hack in my eyes.
It'd be better to try to save the flash menu's state over different requests.