The Rectangular button is at bottom of my front page, “Blue in color” named (SPECIAL FORM MILLING ) it is an Intermittent problem, but problem can be repeated easily in Google Chrome, Firefox, Edge.. etc.
It was created from Horizontal general effects, the function of the button works fine, but entire button Disappears then reappears when using reload back arrow.
The disappearing button can be demonstrated by clicking on my home button at top of page while viewing the front page. Or when you already have page loaded then type the pages URL at top, Page then reloads but button at bottom becomes missing.
I possibly thought it was a theme issue but a Consulting friend with CSS Experience said the buttons code is putting in a div when it is not suppose to, and to contact the Plugin support.
Please note: this does not happen to the Square buttons that I have on the same page only the blue button on the bottom of front page.
This is all I know so far, Thank you for helping with this I’m lost
]]>I get 5 PHP errors as soon as I activate Hover-Image. On is an Undefined Index error, and four Undefined Variable errors:
Notice: Undefined index: submit in C:\wamp64\www\ths03\wp-content\plugins\hover-image\hover-image.php on line 110
Notice: Undefined variable: lin in C:\wamp64\www\ths03\wp-content\plugins\hover-image\hover-image.php on line 221
Notice: Undefined variable: eas in C:\wamp64\www\ths03\wp-content\plugins\hover-image\hover-image.php on line 222
Notice: Undefined variable: eas_in in C:\wamp64\www\ths03\wp-content\plugins\hover-image\hover-image.php on line 223
Notice: Undefined variable: eas_out in C:\wamp64\www\ths03\wp-content\plugins\hover-image\hover-image.php on line 224
This stops my progress completely. Please help!
Thanks!
This is the coding I need to add the image hover too. Where exactly would I put it?
[dt_sc_team name=”Name Here” degree=”CEO” email=”Email Here” role=”CEO and Founder” image=”https://www.imagehere.com” twitter=”#” facebook=”#” linkedin=”#”]
Thanks!
]]>Hi,
Thank you for this! Is there a way to center the the two overlaying images? I can’t figure it out.
https://www.ironbridgehvac.com
If you look below the banner on the homepage at the 4 buttons
Thanks!
]]>url: https://www.campareivim.com
Thanks for this great plugin, first of all!
I tried placing the shortcode, but it must have been in the wrong place because it didn’t work.
Below I will paste my code (this is for the three green squares at the bottom of the home page – could you please tell me where to place the shortcode? thank you!
<div style="padding-left: 210px;padding-right: 170px;">
[one_third]
<a href="https://www.campareivim.com/camp-news/"><img
src="https://www.campareivim.com/wp-content/uploads/2014/02/camp-news-7.png" alt="Camp News" /></a>
[/one_third]
[one_third]
<a href="https://www.campareivim.com/camp-video/"><img
src="https://www.campareivim.com/wp-content/uploads/2014/02/camp-
video.png" alt="Camp Video" /></a>
[/one_third]
[one_third_last]
<a href="https://www.campareivim.com/register/"><img
src="https://www.campareivim.com/wp-content/uploads/2014/02/register-
2.png" alt="Register" /></a>
[/one_third_last]
</div>thank you!
]]>I want to show the caption beneath the image, what shall I do? Because in himage (a very good plugin) it shows no caption.
]]>I don’t understand, i have updated a few plugins and your script doesn’t work anymore… is there a solution for my problem?
]]>I see a few people where having issues with centering or aligning their images side be side (horizontally)instead of vertically, and I have come up with a quick fix for this issue.
What you need to do is place the images inside a table and then center align the table where you see fit.
<table border=”1″ align=”center”>
<tr>
<td>CELL 1</td>
<td>CELL 2</td>
</tr>
<tr>
<td>CELL 3</td>
<td>CELL 4</td>
</tr>
</table>
REMEMBER – to put your 2 images in each cell. Add more columns or rows to suit your needs.
Have a look at my example:
]]>This is a nice, easy, valuable plugin. However, by default it displays both images on top of each other. What would make better sense is to display the first image and replace/hide the fist image with the second upon mouse-over/hover. Does anyone know how to make it do that or have you used a different plugin that does just that?
This was so easy to use and works great aside from the fact that both images display and you can see the other image behind the top image.
Thanks.
]]>Hello,
First at all a big thank you for having developping this plugin, it helped me a lot! However I have a big problem with aligning image.
Here is my code (***** = my local adress)
<div id=”social”>[himage]<img src=”*****/uploads/2013/11/mailicone.png /> <img src=”*****/uploads/2013/11/mailactive.png” />[/himage][himage]<img src=”*****/uploads/2013/11/00-pure-home_10.png /> <img src=”*****/uploads/2013/11/twittericone.png” />[/himage][himage]<*****/uploads/2013/11/facebookicone.png /> <img src=”*****/uploads/2013/11/facebookactive.png” />[/himage]</div>
The result is my 3 images are vertically aligned and not horizontaly. Could help me to fix it? I have check the css i haven’t noticed anything…
In advance, thank you a lot and sorry for my english
]]>Hello, I’m trying to figure out how to center the image in the content block. It always just shows up on the left, even if I “center” it using the alignment. Any ideas? Any CSS tricks or anything?
Thanks!
]]>Hi.
I installed Hover Image plugin on my site and cannot get it to work properly. I must be doing something wrong.
My images show up side by side. One hovers, but they both show.
I am trying to do a hover and an image with a link.
Here is a link to my page:
https://www.aplaser.com/contact-alt2/
Any help is greatly appreciated! I’m a newbie…
Thank you!!
Lisa
]]>This plugin is great—so easy to use—but I cannot get the images to have a hyperlink.
I am currently using:
[himage]
<a href="https://mylinkhere.com">
<img src="https://idapostle.com/image1.jpg" > </a>
<img src="https://idapostle.com/image2.jpg" >
[/himage]I would really appreciate any help. I know there have been a few threads about this already but they seem unresolved and closed for more comments.
]]>Hi Julian,
I love this plugin. Thanks!
One issue on devices – the rollover works and links through, but when you click the back button, the image remains in it’s rollover state. All visited images have the rollover image stuck until the page is refreshed. Is there a fix for this?
]]>I’m trying to float images side by side and having a hard time getting it right.
I’m using WP-Types to create an active and rollover image, then pluging the [himage] code into the post content.
<p><a href="#">[himage][types field="dribbble-active" align="none"][/types][types field="dribbble-rollover" align="none"][/types][/himage]</a></p>
<p><a href="#">[himage][types field="twitter-active" align="none"][/types][types field="twitter-rollover" align="none"][/types][/himage]</a></p>
<p><a href="#">[himage][types field="linkedin-active" align="none"][/types][types field="linkedin-rollover" align="none"][/types][/himage]</a></p>As it stands now only the first image changes to it’s rollover image when I hover, and the others start with their rollover image by default. Also, the first image doesn’t even show up, but is the same exact image as the last image in the code.
CSS
.social {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.icons {
overflow: hidden;
}
.icons img {
float: left;
display: inline-block;
margin: 0 0.5em 0 0;
}HTML
<div class="social">
<div class="caps">
<div id="wpcf-field-social-heading" class="wpcf-field-textfield wpcf-field-social-heading"><span class="wpcf-field-value wpcf-field-textfield-value wpcf-field-social-heading-value">Lorem Ipsum Bacon</span></div> </div>
<div class="icons">
<p><a href="https://dribbble.com/alexflannery"><style>
.himage
{
-webkit-transition: opacity .000000001s linear 0s;
-moz-transition: opacity .000000001s linear 0s;
-o-transition: opacity .000000001s linear 0s;
transition: opacity .000000001s linear 0s;
}
</style><div style="position:relative;"><img src="https://localhost/wp-content/uploads/Dribbble_Rollover.png" width="" height="" /><img class="himage" src="https://localhost/wp-content/uploads/Dribbble_Idle.png" width="" height="" onmouseover="this.style.opacity=0;" onmouseout="this.style.opacity=1;" style="position:absolute; top:0; left:0;" /></div></a></p>
<p><a href="https://twitter.com/OhFlannery"><style>
.himage
{
-webkit-transition: opacity .000000001s linear 0s;
-moz-transition: opacity .000000001s linear 0s;
-o-transition: opacity .000000001s linear 0s;
transition: opacity .000000001s linear 0s;
}
</style><div style="position:relative;"><img src="https://localhost/wp-content/uploads/Twitter_RollOver.png" width="" height="" /><img class="himage" src="https://localhost/wp-content/uploads/Twitter_Idle.png" width="" height="" onmouseover="this.style.opacity=0;" onmouseout="this.style.opacity=1;" style="position:absolute; top:0; left:0;" /></div></a></p>
<p><a href="#"><style>
.himage
{
-webkit-transition: opacity .000000001s linear 0s;
-moz-transition: opacity .000000001s linear 0s;
-o-transition: opacity .000000001s linear 0s;
transition: opacity .000000001s linear 0s;
}
</style><div style="position:relative;"><img src="https://localhost/wp-content/uploads/LinkedIn_RollOver.png" width="" height="" /><img class="himage" src="https://localhost/wp-content/uploads/LinkedIn_Idle.png" width="" height="" onmouseover="this.style.opacity=0;" onmouseout="this.style.opacity=1;" style="position:absolute; top:0; left:0;" /></div></a></p>
</div>
</div> <!-- end .SOCIAL -->Is there any reason why? I’ve set it to .00000000001 to produce the same effect, but it adds unnecessary HTML.
]]>How do you make this plugin allow images to float to the left?
Thanks!
Victor
Hey everyone,
plugin works like charm but if I resize the window the image width changing only the length stay the same, aka the image deforms in different screen resolution! Is there any way to avoid that? I love the plugin but if the image will be a longed pushed one it has no use.. Please if there is any solution let me know!
Huge thanks!
]]>HI,
I love the simplicity of the code!
I am trying to replicate something I did with very convoluted code in a Dreamweaver website: https://www.smeducation-finance.com/Courses.html
My problem with the [himage ]<img 1> <img 2> [/himage] code is that
1. the hover makes the first image disappear rather than the second one appear (my preferred order)
2. this needn’t be an issue if using identical sized images (or first bigger than second) or you want both images in the same place
Are the above solvable to reach my aim with either this hover or any other that you have seen?
Spen
]]>Hi, downloaded and installed Hover Image plug-in, works great.
I have used a mouse-over command in html to swap images, but it’s too direct . I want to keep the group of images as seen on this page and replace the “mouse over” command with the “hover image”, but no matter what I do, it doesn’t work.
Current page with on mouse over:
https://www.hirezgraphics.com/portfolio/printmedia/
Current page with on hover image:
https://www.hirezgraphics.com/portfolio/case-studies/
I would keep the workings of the print media page with the hover image replacement.
Any one offer any insight?
Thanks!
]]>Hi,
I am fairly new to WordPress and so do not have much experience with coding.
Could someone please tell me where I have to put the code and how.
I have already installed and activated the plugin.
Thanks a lot!
Sara
Dear Julian;
Your plugin is great. I am searching for something similar, a plugin that lets the user hover over a url text, regular text, or image, and than on the right side of it an image appears. When the user hovers out, the images dissapears.
I am doing a WordPresswebsite for the company I work for. This is the website; gtecorp.com
Is there a way to modify your code to do that? I am more than happy to pay you for the creation of such a plugin.
Thank You
]]>Hi,
I love this plugin !!
It works perfectly when I using the HTML code in a static page, but when I add it to a widget I can see the images on top of one another. I am sure that there is something REALLY basic that I am missing…
My code is:
[himage] <img class=”aligncenter size-full wp-image-42″ title=”Macedon-001″ src=”https://trailsplus.annette.name/wp-content/uploads/2012/12/Macedon-001.jpg” alt=”” width=”199″ height=”149″ /><img class=”aligncenter size-full wp-image-13″ title=”Macedon” src=”https://trailsplus.annette.name/wp-content/uploads/2012/12/Macedon.jpg” alt=”” width=”199″ height=”149″ /> [/himage]
What I see in the widget area is:
[himage]
image 1
image 2
[/himage]
**I can see the two pictures on top of one another.. with the hiimage text on the top and botton.
Thanks in advance !!
]]>Hi,
I installed the Hover Image plugin, changed the code and inserted 2 images with their info and source between [himage][/himage] and only one href statement. All seems to work exept that different images appear not on the same line (positioning changed)
Any ideas?
]]>Thanks Julian for the very nice effect with this plug-in.
Is there a way to upload 3 images so that they appear one after the other? Or 4 or 5 or even more? I can think of many very cool ways to use such a feature.
Thanks again.
]]>My images aren’t lining up at all… I can see the hover image below and off to the right. Here’s a temp link: https://dreamtrampoline.com/sandbox/sciascia/
And here is the html I have:
[himage]<a href="https://dreamtrampoline.com/sandbox/sciascia/wp-content/uploads/2012/10/hotchoco-single.jpg"><img class="alignnone size-full wp-image-78" title="hotchoco-single" src="https://dreamtrampoline.com/sandbox/sciascia/wp-content/uploads/2012/10/hotchoco-single.jpg" alt="" width="171" height="163" /></a><a href="https://dreamtrampoline.com/sandbox/sciascia/wp-content/uploads/2012/10/hotchoco-o-single.jpg"><img class="alignnone size-full wp-image-82" title="hotchoco-o-single" src="https://dreamtrampoline.com/sandbox/sciascia/wp-content/uploads/2012/10/hotchoco-o-single.jpg" alt="" width="171" height="163" /></a>[/himage]
Hi,
I am new in using wordpress. This plugin was setup by my web designer.
he gave me this code
a.hover_img:hover img { opacity:0.6; }
If i change the opacity 0.6 to lower, it will fade brighter but not darker. I did change the figure to higher, but its doesnt change any effect.
Any idea how can I make my button hover darker?
here is my website link, please do have a look.
https://www.prforaustralia.com/cn
Thanks.
]]>My hover image is not clickable. I have made both images a link. Is there a certain way I am meant to do it.
example
]]>Can you take a peek here and see what I did wrong to cause the misalignment of the pics?
]]>hey – thanks for this great plugin!
i’ve a problem with the positioning of the images. i want to create a horizontal row with 3 images but they are not displayed in a row (see pic):
https://imageshack.us/a/img528/6250/problemt.png
in admin center everything seems to be fine:
https://imageshack.us/a/img717/6180/solutiony.png
i just wanted to ask if there is a solution to implement 2-3 pics with hover and nonhover effect in one [himage][/himage] tag?! without the himage-tag it’s no problem to create a row of 2 or 3 images but with the himage-tag there’s an automatic break.
thanks for help!
]]>