This is a brand new system. Accounts created with the support forum & community prior to Dec 29, 2013 no longer exist (sorry!). You will need to create a new account.

If you have a support question or comment, click the Post New Topic link below.

Image Link Roll Over Question

 
Please log in or Create an account to post or reply to topics.
 
M Davis
Wed May 04, 16
12:05 AM
I added thumbnails to the footer of my web page. The images are darker but when rolled over with a mouse they go lighter.
How can I change the roll over to be normal brightness but darken when moused over.

You can see the thumbnails at the footer here : www.commericalindustrialphotographer.com

 
 
 
 
 
M. Davis
Tim - PicturesPro.com
admin
Wed May 04, 16
7:14 AM
Try editing your theme and in the section to add additional CSS add this:

#footer img {
filter:alpha(opacity=100);
opacity:1 !important;
}
 
 
 
 
 
Tim Grissett, DIA - PicturesPro.com || My Email Address: info@picturespro.com
M Davis
Wed May 04, 16
8:25 AM
I added it below script already there and nothing appears to have changed.
 
 
 
 
 
M. Davis
Tim - PicturesPro.com
admin
Wed May 04, 16
1:59 PM
Looks like you have added some javascript in the additional CSS which is causing that code not to work. Javascript doesn't belong there and actually not doing anything. You need to remove this code:


<script>
var loadDeferredStyles = function() {
var addStylesNode = document.getElementById("deferred-styles");
var replacement = document.createElement("div");
replacement.innerHTML = addStylesNode.textContent;
document.body.appendChild(replacement)
addStylesNode.parentElement.removeChild(addStylesNode);
};
var raf = requestAnimationFrame || mozRequestAnimationFrame ||
webkitRequestAnimationFrame || msRequestAnimationFrame;
if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); });
else window.addEventListener('load', loadDeferredStyles);

</script>
 
 
 
 
 
Tim Grissett, DIA - PicturesPro.com || My Email Address: info@picturespro.com
M Davis
Wed May 04, 16
7:39 PM
Okay I removed the script and all works well now. One final question. If I wanted the mouse rollover on an image to slightly darken, what would the script be?
 
 
 
 
 
M. Davis
Tim - PicturesPro.com
admin
Thu May 05, 16
8:26 AM
#footer img: hover {
filter:alpha(opacity=80);
opacity:.8 !important;
}
 
 
 
 
 
Tim Grissett, DIA - PicturesPro.com || My Email Address: info@picturespro.com

Loading more pages
Sign up for email promotions.
Your information is safe with us and won't be shared.
Thank you for signing up!
 
©2003 - 2017 Grissett, LLC. All Rights Reserved.
Loading More Photos
Scroll To Top
Close Window
Loading
Close