How to implement the changing of content when you hover on the picture?

Tell me. There are pictures. I need when you hover over a picture to display content depending on what the picture suggests. The only thing is that in my mind, it's ajax + json. But something tells me that shouldn't...
July 9th 19 at 10:08
4 answers
July 9th 19 at 10:10
Plain html+css
the <div>
 <img src="kartinka">
<p>Text</p>
</div>

p{
display: none;
}

img:hover + p{
display: block;
}
no. not the same. Typeset landing. It has a screen with the services in which the slider of the 8 pictures. In this screen there is the name of the service, and description of services consisting of 3 paragraphs for example, + the bigger picture. And all this I need to change, depending on what the picture I brought. - Salma_Jones commented on July 9th 19 at 10:13
: throw a picture how to display - berneice.Abshi commented on July 9th 19 at 10:16
July 9th 19 at 10:12
ajax is the idea of asynchronous requests
json is a data format

I think you should just do it in JS.
I know. I had in mind when aiming to do the pulling via ajax with json data matching the picture output. I typeset landing. It has a screen with the services in which the slider of the 8 pictures. In this screen there is the name of the service, and description of services consisting of 3 paragraphs for example, + the bigger picture. And all this I need to change, depending on what the picture I brought. - Salma_Jones commented on July 9th 19 at 10:15
July 9th 19 at 10:14
if only for signatures - that's the easiest concept
<div class="item"><!-- the associated class .item, do position:relative; -->
 <img src="kartinka"><!-- tie the picture to the size of the parent element -->
 <p>Text</p><!-- position:absolute;top:0;left:0;right:0;bottom:0; - prepare a paragraph as an overlay... opacity:0; -->
</div>
<!-- when you hover over .item:hover p{opacity:1} -->
<!-- in fact nothing else... everything else is decorations -->
July 9th 19 at 10:16
Make div with bekgraunda picture , and the next div:hover { background: url ( changing the picture ) }
I'm sorry, but a crazy version. may already and the entire landing pictures fuck? - Salma_Jones commented on July 9th 19 at 10:19
: your question is delusional and primitive - berneice.Abshi commented on July 9th 19 at 10:22
: Crazy primitive? Something I don't see a solution. Brand - Salma_Jones commented on July 9th 19 at 10:25
: jquery -> some div -> $some div2 -> load -> some content ->$some div.css display block or visibilty to visible - Salma_Jones commented on July 9th 19 at 10:28
: jquery -> some div -> hover -> $some div2 -> load -> some content ->$some div.css display block or visibilty to visible/ this Ajax loading of content when you hover over the div, it loads the needed eontent hidden from the eyes of a diva and makes it wideman - Lottie_Streich commented on July 9th 19 at 10:31
: All is good, but how it will look SEO? - Salma_Jones commented on July 9th 19 at 10:34
: Bad , but you can take advantage of UTM meta tags - Lottie_Streich commented on July 9th 19 at 10:37

Find more questions by tags jQuery