LofSlider and LofSliderNews - both new since 1.4.7 r410

[hausmeister]

anyone has an idea how to change the tansition like in this demo:
http://landofcoder.com/demo/jquery/lofs ... ndex5.html

when i add:

Code: Select all

direction: 'opactiy',

the first image fades, but the image 2 and 3 will not show up.

cheers
der hausmeister

[juergen]

all parameters may be changed in the js File

[hausmeister]

thanks for the hint. now i have changed the parameters in lofslider.js, but get the same problem.
first image fades out. second and third image will not show up (only the animated preload image is visible)
anyone has an idea whats the problem?

cheers
der hausmeister

[sustia]

Hi pope, I follow your indications but it doesn't work for me

You can see it in this page:
http://www.angelosignore.it/BIODIV/index.php?aid=65

In my template I choose the Jquery 1.3, and put your template in the news contenpart, I made some mistakes?

Thanks.

[hausmeister]

have found the problem. it was an error in the css-file.
simply replaced the css-file with the original from: http://landofcoder.com/demo/jquery/lofs ... ndex5.html

cheers
der hausmeister

[baklavoni]

have found the problem. it was an error in the css-file.
simply replaced the css-file with the original from: http://landofcoder.com/demo/jquery/lofs ... ndex5.html

cheers
der hausmeister

Hi!
I have test opacity effect, and I did what you wrote.
Opacity effect is working, but I found that links in description field is same for all entries, but it should be different.
In my case, it is link from last entry (image). I have 6 images in imagespecial CP.

Can you check it also?

[pepe]

@hausmeister

And... tell us, please, what was the mistake inside the css- file

[hausmeister]

dont know, what the problem was.
i simply replaced the css with the original from landofcoder.

cheers

[baklavoni]

@pepe:
I found that opacity is not working with included lines in CSS:
position:relative;

In original CSS (from landofcoder) this lines are not present. With this CSS, opacity is working, but for me, linking is not working correctly.
Opacity ON - linking is wrong (only last link is active for all entries)
Opacity OFF - linking OK

@hausmeister:
can you tell us does your linking work correctly?

[hausmeister]

@hausmeister:
can you tell us does your linking work correctly?

nope. doesn't work.

der hausmeister

[baklavoni]

nope. doesn't work.

der hausmeister

Too bad...
I always more like functionality rather than for visual experience, but in this case, visual style with opacity is really nice one.
Maybe someone can help to make it working together with correct linking?
Pepe, Oliver, Knut,... ?

[hausmeister]

the link ist that one, defined for the last image.
it looks like that the last image is the topmost and mask the other images.
no idea, how to solve this problem.

cheers
der hausmeister

[juergen]

hmmm .. did youchange the initial domready ?

Code: Select all

<script type="text/javascript">
 $(document).ready( function(){	
		$('#lofslidecontent45').lofJSidernews( {interval:4000,
											   direction:'opacity',
											   duration:1000,
											   easing:'easeInOutSine'} );						
	});

</script>

and take in your ids / Classes

[update]

Opacity ON - linking is wrong (only last link is active for all entries)
Opacity OFF - linking OK

in your css try

Code: Select all

a {position:relative;}

perhaps it will work ....

[hausmeister]

isn't working ;(

der hausmeister