How do I add a linked image/gif onto a larger image? - html

So I'm trying to build a site where the "title page" is basically one big image that takes up the entire screen, and if you scroll down you get to the content beneath it.
My code so far is:
What I'm trying to do is to put two GIFs on the bottom left and right corners of my image, and of which can be clicked to navigate to another page of the site. I'm unsure though of how to put them onto the larger image and how to position them.
Edit: the HTML code I put in my post is not showing to me?

Related

when reload image should come from right a smooth transiton should occur

This image contains the code I am using but it doesn't behave correctly. like in websites we see as we scroll down images or anything were not present and then comes from the right. like if we go to end of the page a contact form should appear from right. this is what i am trying to achieve

Scroll images at bottom of page

I need to create a webpage with images at bottom of the page of 50 px height and the top of the page will be blog/text.
Users should be able to scroll the images left or right at bottom and when they click on the photos it would zoom into the photo from the blog.
The photos will load as the user scrolls left and right at bottom div.
Example :
https://www.google.com/maps/place/Yosemite+National+Park/#37.74145,-119.59168,3a,75y,90t/data=!3m8!1e2!3m6!1s15587532!2e1!3e10!6s%2F%2Fstorage.googleapis.com%2Fstatic.panoramio.com%2Fphotos%2Fsmall%2F15587532.jpg!7i1536!8i2048!4m2!3m1!1s0x8096f09df58aecc5:0x2d249c2ced8003fe!6m1!1e1
if you post code then we can help better, but if you haven't written any yet then it's worth checking out something like the following link (there's a plethora out there)
The zoom you're talking about is normally referred to as lightbox (darken or lightened background behind the image)
lightbox example
You also seem to be describing 2 things:
- a horizontal gallery display in the footer
- an image clicked from within a blog
if you've built a blog then you should check out the associated docs (assuming you've utilised something like Wordpress) as they'll likely already have a solution or plugin available.

How do you auto fit an image on a button so that you don't have to stretch the button to show the picture in Access 2010?

I'm building an access database for my music catalog. I've created one main table with a bunch of queries. I want to make a decent looking front end. I have a bunch of buttons with macros assigned to them already. The problem (which I presume is something very small that I'm missing) is that I added a picture to the button it's just a picture of vinyls that would run a query to show my vinyls. The picture only displays a portion rather than the whole picture. I can get it to show the picture by expanding the button size but this is not desired.
Any help is appreciated.
Thank you and Happy Thanksgiving.
The button doesn't resize the image you assign to it.
You first need to resize your picture files to whatever size you deem suitable for the button, then use that scaled down image.
Alternatively, you can use the Image control instead of a button. That control will allow you to resize the image inside it, but it will generally appear slightly blurry, depending on the image and the dimensions you resize it to.
Also, forcing Access to load larger image and then resize them can make your application less responsive if you have a lot of images, since you make it do extra work.
A workaround is to work with an image and a button.
Insert and size the image you need in the form
Add a button, setting its property "transparent" to true
Overlay the transparent buton over the image
Make sure the button is on the topmost layer usuing the "bring forward" in the image menu. We have then the transparent button over the picture
Associate VBA code or macro to transparent button.
For all intent and purposes, user will click on an image, but because there is a transparent button over it, will be in fact clicking on the button

Activating "pointer-events:none" only on section of image that overlaps

I'm using pointer-events:none; on the main photograph at the top of my site http://www.onedirection.net/, to allow the user to select the navigation behind the image.
However, I'd like to let the user click on each member of the band to go to a separate page, but ONLY for the parts of the image that don't overlap into the navigation.
I'm a bit stuck with this. Can it be done? I was thinking of using an image map, but can't get it working without the navigation becoming "less clickable".

Thumbnail images on main page are showing too big in blogger

I'm using a template named as GoGreen (By Templateism) on blogger. I've edited its color and other things.
The problem I am facing is, that when I make a post on it, and place a image (for example I choose an image which is not very big) at the top of the page.
It looks good, but the same image on main page becomes big and blurry. I try to fix but failed.