LofSlider and LofSliderNews - both new since 1.4.7 r410
-
- Posts: 219
- Joined: Thu 18. Dec 2008, 12:45
Re: LofSlider and LofSliderNews - both new since 1.4.7 r410
i think the hidden images must be placed outside the visible area.
der hausmeister
der hausmeister
Re: LofSlider and LofSliderNews - both new since 1.4.7 r410
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.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.
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} »</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//-->
Danke
Re: LofSlider and LofSliderNews - both new since 1.4.7 r410
@baklavoni
The right css and script you will find in this example:
- wiki: Lof SliderNews (jQuery) (EN)
- wiki: Lof SliderNews (jQuery) (DE)
Knut
In your template change the line:baklavoni wrote: Opacity ON - linking is wrong (only last link is active for all entries)
Opacity OFF - linking OK
Code: Select all
<div class="lof-main-item-desc">
to
<div class="lof-main-item-desc" style="z-index:1;">
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 )
Re: LofSlider and LofSliderNews - both new since 1.4.7 r410
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:
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).
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>
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
Re: LofSlider and LofSliderNews - both new since 1.4.7 r410
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:
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
Re: LofSlider and LofSliderNews - both new since 1.4.7 r410
Hi,
have you read my last reply?
Knut
have you read my last reply?
Knut
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
Re: LofSlider and LofSliderNews - both new since 1.4.7 r410
Hallo Knut
Jetzt schon Werde das gleich mal ausprobieren.
Jetzt schon Werde das gleich mal ausprobieren.
Schon Konfuzius sagte: "Sei kein YAML-Lappen". YAML-phpwcms-Integration auf http://www.yaml.phpwcms.org
Re: LofSlider and LofSliderNews - both new since 1.4.7 r410
IT'S MAGIC! Thanks Knut.
Schon Konfuzius sagte: "Sei kein YAML-Lappen". YAML-phpwcms-Integration auf http://www.yaml.phpwcms.org