Lightbox2 - Keep image displayed while loading next image - image

Hi all im use lightbox2 for my new photography website and all is working perfect.I would like to leave the image loaded on display white the next image is loaded and dsiplayed. I can see the code is css to change to white background. Any help would be great.

Related

How can I change an Image in different screen size with swiper?

Good evening guys, I wish to change some image in swiper slide when resizing the screen. For example when the breakpoint are more than 1200px, I have some image when I resize the screen in responsive mode, I've another image.
I do this in script js or can I do this from css and html?
Thanks to everyone!

Image with parameters renders with reddish overlay

I have an Umbraco 10 site where I use a grid and insert images into the grid. The images are rendering with parameters eg.
/media/tavndatn/d58553_5475de341c9344b7ad65acb40ac06b5a_mv2.jpg?rmode=max&width=136&height=143
The problem is that without parameters the image looks ok, however with the parameters it renders with a red overlay. I have no idea why and where it comes from.
Even when displaying the image link directly in the browser - it always renders with the red overlay.
Any suggestions?
Why the images are rendering with parameters in the first place and how to remove the overlay? There doesn't seem to be any particular style assigned to the images, no background, no other attributes.
The images display ok here as you can see above - first have the parameters and the second does not have any.
It seems to affect jpg images for now, gif & png display ok.
I have upgraded to Umbraco 10.2.0 and the problem has gone. Apparently there was issue with Image Sharp in version 10.0.0

Change background color of transparent PNG images uploaded to blogger

I have a blog hosted by Blogger with a custom template: http://www.drugchannels.net/
Images uploaded to the blog are hosted at X.bp.blogspot.com (where X is a number). Examples:
https://1.bp.blogspot.com/-Jwy2VQYRIEA/WqmwvsA07WI/AAAAAAAATA4/jWVcEts1h1Y4IXM0hD0njUhSmQ2AZPnxQCLcBGAs/s1600/Specialty_vs_Retail-2014_vs_2017.png
https://4.bp.blogspot.com/-O4S9ps4u67k/Wk0yhTEuV-I/AAAAAAAASUE/5tPedr-p7_4kedNYU4RY711l6K3maokiQCLcBGAs/s1600/DCI-Copay_Accumulator-03Jan2018-CORRECTED.png
I want to have a white background when the image is clicked. (The images look fine on the site itself. This is not a problem with the blog's background, which is set to be solid white.)
Using the Inspect option in Chrome, I see the following information
The body formatting (background: #0e0e0e;) does NOT appear anywhere on my blog or in my template.
How can I fix?
Thank you!
P.S. I have 10 years of legacy posts with images, so I need a global solution that changes the background to white for all images posted to the blog.
Wrap the image in a div and set the background color of that div with css. That should work
.divclass:active {
background:#FFFFFF
}
If you are opening the images in a new tab or window then your only option is changing the background of the images yourself with a photo editor. If you're just trying to give the user a full size view of an image when they click it you could use javascript/jquery and have a full size div with a background and an image pop up in full screen without sending them to the linked image. Theres probably quite a few jquery plugins that will do this with minimal coding knowledge, just google it.
Thanks, Riley.
I can't go back and edit hundreds of images, so the photo editor option won't work.
But based on your suggestion, I used the following solution:
1) Enabled "Showcase Images with Lightbox" on blogger
2) Added CSS from this page (http://www.howbloggerz.com/2016/05/how-to-customize-blogger-lightbox.html) with no background image and background color set ot white (#ffffff).
Downside is that charts/images now pop up on same page rather than opening in a new tab.
Thank you!

Parsys on top of an image

There is requirement where parsys should be added on top of an image. It is like a background image with the provision of parsys so that other components can be dragged and dropped on top of it. I am using html5smartimage for image component. But, no clue yet on how I can get the parsys on top of the image. Please help if you find any ideas. Thanks.
is the image authorable? If so, how do you intend to provide click-area for the authors to change the image vs edit items in the parsys.
If the image isn't authorable, just target the CSS for your parsys and set the image.
If the image is authorable, in edit mode you want the image to be distinct from the parsys and have separate clickable areas. Then in preview/disabled modes you would generate the actually desired markup & CSS to position the parsys content over the background image.

Issue with Panorama Background Image Fade-In Animation?

Hi I was using the sample found here for fading in a background image. Everything is working fine its just that before the fade in animation starts the image shows briefly then the animation starts.
No Background => Full Image => Image Disappears => Animation Starts =>
Full Image
Note I did add the exact same code as him but I still get this result. I did notice that his sample was written for WP7 7.0 which I'm guessing is the reason it's not loading exactly like the example he provided.
Has anyone found a workaround for this?
Make your background initially hidden in xaml or by code in page constructor. Animation starts after page loaded, so background is shown from application start to Loaded event
I bet you have opacity for image set to 1, and when it's loaded then you start showing it - resulting in bizarre flickering. Set opacity to 0 in xaml and then run your Storyboard (that animates opacity from 0 to 1).
Well even though it takes about a second and a half extra to load, I finally got it to stop blinking. Basically I would save the file to isolated storage, and then load the file from isolated storage instead of loading the image directly to the background after it finished downloading.
I got the idea based on the fact that the sample of loading the background using a local image worked perfectly.
Like I said it takes a little longer to download because of the saving and loading from isolated storage, but it works well.

Resources