jor_ultimslideshow 4.0

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.
There is a dedicated section for commercial extensions.
Post Reply
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_ultimslideshow_update 4

Post by jordan »

yes, the image is transparent, but it's background-color attribute is not
add this between the <HEAD> of your page to see what happens if it is transparent …

<script type="text/javascript">
$(document).ready(function() {
$('.gallerylayer').css('background-color','transparent');
});
</script>
User avatar
Enupnion
 
 
Posts: 19
Joined: Thu Aug 29, 2013 6:25 am
Contact:

Re: jor_ultimslideshow_update 4

Post by Enupnion »

I added the code just before the /head on the page. I see no difference.

http://www.scifiphotoguys.com/test/
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_ultimslideshow_update 4

Post by jordan »

hmm, what do you mean with there is no difference …
of course there is a difference the images overlap each other :idea: you can't see a correct fadein fadeout occurring?!
that happens when the background-color is set to transparent (that is what that code shows)
so, the background-color can not just be set to transparent, but the code has to be changed for that
the code I gave was in response to your confusion (not a solution) ...
User avatar
Enupnion
 
 
Posts: 19
Joined: Thu Aug 29, 2013 6:25 am
Contact:

Re: jor_ultimslideshow_update 4

Post by Enupnion »

Sorry. When I first viewed the page (before my last post), I did not see the difference. Now I do. But what I do not understand is the background color does not appear to be transparent. I can still see the black rectangle in the back behind everything ... the faded horizontal stripes do not show through.
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_ultimslideshow_update 4

Post by jordan »

that is because the images are placed in a wrapper which has it own background-color
change the earlier script to this …

<script type="text/javascript">
$(document).ready(function() {
$('#fadeshow1, .gallerylayer').css('background-color','transparent');
});
</script>

this will make all transparent, with still the same problem
I did not give this because I wanted to show that the background-color itself is not the problem
it's the way the script creates the transition, it fades in the foreground without fading out the background
but even if I change this you will always have a small overlap on transparent images
because the effect is a fade transition, you can not have a seamless transition with fade
the only way to get a seamless transition on transparent images would be to use an effect like morph
that doesn't exist in HTML you would need flash or canvas to do such things
User avatar
Enupnion
 
 
Posts: 19
Joined: Thu Aug 29, 2013 6:25 am
Contact:

Re: jor_ultimslideshow_update 4

Post by Enupnion »

Thanks. I appreciate all the time you have taken to explain this to me. It helps.

I will either use the text with the same background as the website or 'cap' the ends (graphics) to make it look like the solid black background is supposed to be there ... a part of the design.

Thanks again. Your extension rocks, by the way. :)
Post Reply