LofSlider and LofSliderNews - both new since 1.4.7 r410

Get help with installation and running phpwcms here. Please do not post bug reports or feature requests here.
hausmeister
Posts: 219
Joined: Thu 18. Dec 2008, 12:45

Re: LofSlider and LofSliderNews - both new since 1.4.7 r410

Post by hausmeister »

i think the hidden images must be placed outside the visible area.

der hausmeister
dastel
Posts: 72
Joined: Wed 18. May 2005, 09:34

Re: LofSlider and LofSliderNews - both new since 1.4.7 r410

Post by dastel »

Oliver Georgi wrote:I have tested it with Images <special> only. But based on this work it should run with teaser or other content too. If someone needs help, remember you can hire me.
Hat das vielleicht irgend jemand schon mal als Template für den CP TEASER umgesetzt, ich habe mal damit angefangen, aber bei mir kommen Fehler. Die ebene die den Titel ausgeben soll kommt nur auf dem ersten Bild.

hier mal das was ich schon gemacht habe, basiert auf das das Template von OG CP SPECIALS...

Code: Select all

<!--IMAGE_SETTINGS_START//-->

<!--IMAGE_SETTINGS_END//-->

<!--TEASER_HEAD_START//-->

[TITLE]<h3>{TITLE}</h3>[/TITLE]
[SUBTITLE]<h4>{SUBTITLE}</h4>[/SUBTITLE]
<!--[TEXT]{TEXT}[/TEXT]-->

<div class="lof-slidecontent lof-snleft">
	<div class="lof-main-outer">
  		<ul class="lof-main-wapper">
<!--TEASER_HEAD_END//-->


<!--TEASER_ENTRY_START//-->
			<!-- {IMAGE_NAME} -->
			<li>
				<a href="{ARTICLELINK}"><img src="img/cmsimage.php/400x300x1/{THUMB_ID}"[TITLE] title="{TITLE}"[/TITLE] alt="[ALT]{ALT}[/ALT]" border="0"/></a>
				<div class="lof-main-item-desc"><div[PRIO] class="prio{PRIO}"[/PRIO]>
		<h3><a href="{ARTICLELINK}">{TITLE} &raquo;</a></h3></div>[SUBTITLE] <b>_{SUBTITLE}.</b>[/SUBTITLE]
				<div class="lof-nav-item">
					<img src="img/cmsimage.php/100x60x1/{THUMB_ID}" alt="" />
                	[TITLE]<h3>{TITLE}</h3>[/TITLE]
                  	{SUBTITLE}
				</div>
			</li>
<!--TEASER_ENTRY_END//-->


<!--TEASER_SPACER_START//--><!--TEASER_SPACER_END//-->


<!--TEASER_FOOTER_START//-->
		</ul>  	
	</div>
</div>
<!-- CSS: {TEMPLATE}lib/lofslider/css/lofslider-style.css -->
<!-- CSS:
	/* Hide the nav item element by default - we use JS to move it at right place */
	.lof-nav-item {display:none;} 
-->
<!-- JS: dimensions.min --><!-- JS: easing.min --><!-- JS: mousewheel.min --><!-- JS: {TEMPLATE}lib/lofslider/lofslider.js -->
<!-- JS:

	// build lofslider navigational element
	jQuery(document).ready(function(){
	
		var lof_options = {
			interval: 4500,
			easing: 'easeInOutSine',
			duration: 1200,
			auto:true
		};
	
		// iterate all nav items "div.lof-nav-item
		$('ul.lof-main-wapper').each(function(){
		
			// append lof navigator wrapper and lof navigator element
			var nav_wrapper	= $('<div class="lof-navigator-outer"><'+'/div>').insertAfter( $(this).parent() );
			var nav			= $('<ul class="lof-navigator"><'+'/ul>').appendTo( nav_wrapper );
		
			// now iterate all and remove it from DOM the same step
			var navitems = $(this).find('li div.lof-nav-item').detach();
		
			navitems.each(function(){
				
				// append it to navigator element
				$('<li><div>' + $(this).html() + '<'+'/div><'+'/li>').appendTo(nav);
				
			});
			
			$(this).parent().parent().lofJSidernews(lof_options);

		});

	});

-->
<!--TEASER_FOOTER_END//-->
Vielleicht, kann mir ja jemand helfen, oder hat sogar schon eine fertige Lösung!

Danke
User avatar
flip-flop
Moderator
Posts: 8178
Joined: Sat 21. May 2005, 21:25
Location: HAMM (Germany)
Contact:

Re: LofSlider and LofSliderNews - both new since 1.4.7 r410

Post by flip-flop »

@baklavoni
baklavoni wrote: Opacity ON - linking is wrong (only last link is active for all entries)
Opacity OFF - linking OK
In your template change the line:

Code: Select all

<div class="lof-main-item-desc">
to
<div class="lof-main-item-desc" style="z-index:1;">
Image

The right css and script you will find in this example:
- wiki: Lof SliderNews (jQuery) (EN)
- wiki: Lof SliderNews (jQuery) (DE)

Knut
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
User avatar
santscho
Posts: 1442
Joined: Mon 2. Apr 2007, 08:56
Location: Schweiz

Re: LofSlider and LofSliderNews - both new since 1.4.7 r410

Post by santscho »

I am using the LofSlider since yesterday on one of our websites. I made an independent integration on my own because I saw this threat just now. Did not know that you guys are also do experiments with the LofSlider. Anyway... I am facing a problem and hope you can help to solve it...

1. In my news template, I have this line:

Code: Select all

<p><a class="readmore" href="{URL}"{URL_TARGET}>[URL_TEXT]{URL_TEXT}[/URL_TEXT][URL_TEXT_ELSE]Read more...[/URL_TEXT_ELSE]</a></p>
2. I create a news entry (news1) and put the article id 73 in the link field. The slider shows now the news teaser correctly and the link brings the visitor to article 73
3. I create an other news entry (news2) and put the article id 74 in the link field. The slider shows now news1 and news2.

Now the strange thing: The slider for news1 takes over the link of news2. So both slider brings the visitor to article 74 :!: :?:

---------
PS: I know I could use the CP Article Teaser for article sliders. But The slider images are specially designed for the LofSlider and I don't want to use them as images in the article heads (article listing).
Schon Konfuzius sagte: "Sei kein YAML-Lappen". YAML-phpwcms-Integration auf http://www.yaml.phpwcms.org
User avatar
santscho
Posts: 1442
Joined: Mon 2. Apr 2007, 08:56
Location: Schweiz

Re: LofSlider and LofSliderNews - both new since 1.4.7 r410

Post by santscho »

Oh No!.
The same if I implement the Slider in a CP Teaser/Article Link. All the article URLs for all slides become the same!

Here my tpl:

Code: Select all

<!--TEASER_HEAD_START//-->
<div id="lofslidecontent45" class="lof-slidecontent" style="width:730px; height:340px;">
<div class="preload"><div></div></div>
  <div class="lof-main-outer" style="width:730px; height:340px;">
    <div onclick="return false" href="" class="lof-previous">Previous</div>
  	<ul class="lof-main-wapper"><!--TEASER_HEAD_END//-->
<!--TEASER_ENTRY_START//-->
<li>
[IMAGE]{IMAGE}[/IMAGE]          
<div class="lof-main-item-desc">
<h3><a href="{ARTICLELINK}">/ {TITLE} /</a></h3>
<p>{SUMMARY}</p>
<p><a class="readmore" href="{ARTICLELINK}">Read more...</a></p>
</div>
</li> 
<!--TEASER_ENTRY_END//-->
<!--TEASER_SPACER_START//-->  
<!--TEASER_SPACER_END//-->
<!--TEASER_FOOTER_START//-->
</ul>  	
<div onclick="return false" href="" class="lof-next">Next</div>
</div>
</div>
<!--TEASER_FOOTER_END//-->
Schon Konfuzius sagte: "Sei kein YAML-Lappen". YAML-phpwcms-Integration auf http://www.yaml.phpwcms.org
User avatar
flip-flop
Moderator
Posts: 8178
Joined: Sat 21. May 2005, 21:25
Location: HAMM (Germany)
Contact:

Re: LofSlider and LofSliderNews - both new since 1.4.7 r410

Post by flip-flop »

Hi,

have you read my last reply?

Knut
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
User avatar
santscho
Posts: 1442
Joined: Mon 2. Apr 2007, 08:56
Location: Schweiz

Re: LofSlider and LofSliderNews - both new since 1.4.7 r410

Post by santscho »

Hallo Knut

Jetzt schon :-) Werde das gleich mal ausprobieren.
Schon Konfuzius sagte: "Sei kein YAML-Lappen". YAML-phpwcms-Integration auf http://www.yaml.phpwcms.org
User avatar
santscho
Posts: 1442
Joined: Mon 2. Apr 2007, 08:56
Location: Schweiz

Re: LofSlider and LofSliderNews - both new since 1.4.7 r410

Post by santscho »

IT'S MAGIC! Thanks Knut.
Schon Konfuzius sagte: "Sei kein YAML-Lappen". YAML-phpwcms-Integration auf http://www.yaml.phpwcms.org
Post Reply