Topic: SMF Content Slider v.1.1

[tMicky]

Hello Can someone help me with this.

I emulated to 2.0 and installed on my 2.04 Forum.
I installed on the default theme and my custom theme - it said it was successful, no errors.

I enabled the slider, added some items and all I got was 3 blank spaces and it moved my board index down.
So I did the suggestion in post 2, removed the items from my boardindex.template.php and copied them to a top block in simple portal.

Same thing happened, all I have is a constant loading image and nothing shows up.

any advice?

[Xarkurai]

Yo Mick.,

Just wanted to thank you for this awesome mod.

[techbot]

Mod doesn't work on 2.0.7

[Tricky-Ricky]

Hey Mick this still workd fantastic but how would I have it on portal only not the forum??

[Mick.]

Hey Mick this still workd fantastic but how would I have it on portal only not the forum??

Wow,.... didnt think folks still using this. Been wanting to make a more modern one tho...., anyways,

To use this mod with portals,... (Works best with TinyPortal as it uses the center wide blocks)

Remove this entire bit of code from the index.template.php and simply paste it to a PHP block in your portal of choice.

Fallbacks:
To use with simple portal, either left or right blocks cannot be used. Remember, the slider is quite wide. Create a 'Top" PHP block and wolla!

Code: [Select]

//SMF Slider v.1 by: bluedevilcustoms.com
global $modSettings;
if (!empty($modSettings['slider_enabled']) && (!empty($modSettings['slider_title1']) && !empty($modSettings['slider_img1']) || !empty($modSettings['slider_title2']) && !empty($modSettings['slider_img2']) || !empty($modSettings['slider_title3']) && !empty($modSettings['slider_img3']) || !empty($modSettings['slider_title4']) && !empty($modSettings['slider_img4']) || !empty($modSettings['slider_title5']) && !empty($modSettings['slider_img5']) || !empty($modSettings['slider_title6']) && !empty($modSettings['slider_img6'])))
{
echo '<br />
<div class="center">
<div id="lofslidecontent45" class="lof-slidecontent">
<div class="preload"><div>
</div>
</div>
<!-- MAIN CONTENT -->
<div class="lof-main-wapper">
', !empty($modSettings['slider_title1']) && !empty($modSettings['slider_img1']) ? '<div class="lof-main-item"><img src="'. $modSettings['slider_img1']. '" title="'. $modSettings['slider_title1']. '" alt="'. $modSettings['slider_title1']. '" height="300" width="900"></img></div>' : '', '
', !empty($modSettings['slider_title2']) && !empty($modSettings['slider_img2']) ? '<div class="lof-main-item"><img src="'. $modSettings['slider_img2']. '" title="'. $modSettings['slider_title2']. '" alt="'. $modSettings['slider_title2']. '" height="300" width="900"></img></div>' : '', '
', !empty($modSettings['slider_title3']) && !empty($modSettings['slider_img3']) ? '<div class="lof-main-item"><img src="'. $modSettings['slider_img3']. '" title="'. $modSettings['slider_title3']. '" alt="'. $modSettings['slider_title3']. '" height="300" width="900"></img></div>' : '', '
', !empty($modSettings['slider_title4']) && !empty($modSettings['slider_img4']) ? '<div class="lof-main-item"><img src="'. $modSettings['slider_img4']. '" title="'. $modSettings['slider_title4']. '" alt="'. $modSettings['slider_title4']. '" height="300" width="900"></img></div>' : '', '
', !empty($modSettings['slider_title5']) && !empty($modSettings['slider_img5']) ? '<div class="lof-main-item"><img src="'. $modSettings['slider_img5']. '" title="'. $modSettings['slider_title5']. '" alt="'. $modSettings['slider_title5']. '" height="300" width="900"></img></div>' : '', '
', !empty($modSettings['slider_title6']) && !empty($modSettings['slider_img6']) ? '<div class="lof-main-item"><img src="'. $modSettings['slider_img6']. '" title="'. $modSettings['slider_title6']. '" alt="'. $modSettings['slider_title6']. '" height="300" width="900"></img></div>' : '', '
</div>   
<!-- END MAIN CONTENT -->
<!-- NAVIGATOR -->
<div class="lof-navigator-outer">
<ul class="lof-navigator">';
// Item One
if (!empty($modSettings['slider_title1']) && !empty($modSettings['slider_img1']))
{
echo '<li>
<div>';
echo '<img src="', $modSettings['slider_img1'], '" alt="', !empty($modSettings['slider_short_text1']) ? $modSettings['slider_short_text1'] : '*', '" />';
                echo '<h3>
', !empty($modSettings['slider_url1']) ? '<a href="'. $modSettings['slider_url1']. '" target="_self">'. $modSettings['slider_title1']. '</a>' : $modSettings['slider_title1'], '
</h3>
', !empty($modSettings['slider_short_text1']) ? '<span>'. $modSettings['slider_short_text1']. '</span>' : '', '
</div> 
</li>';
}
// Item Two
if (!empty($modSettings['slider_title2']) && !empty($modSettings['slider_img2']))
{
echo '<li>
<div>';
echo '<img src="', $modSettings['slider_img2'], '" alt="', !empty($modSettings['slider_short_text2']) ? $modSettings['slider_short_text2'] : '*', '" />';
                echo '<h3>
', !empty($modSettings['slider_url2']) ? '<a href="'. $modSettings['slider_url2']. '" target="_self">'. $modSettings['slider_title2']. '</a>' : $modSettings['slider_title2'], '
</h3>
', !empty($modSettings['slider_short_text2']) ? '<span>'. $modSettings['slider_short_text2']. '</span>' : '', '
</div> 
</li>';
}
// Item Three
if (!empty($modSettings['slider_title3']) && !empty($modSettings['slider_img3']))
{
echo '<li>
<div>';
echo '<img src="', $modSettings['slider_img3'], '" alt="', !empty($modSettings['slider_short_text3']) ? $modSettings['slider_short_text3'] : '*', '" />';
                echo '<h3>
', !empty($modSettings['slider_url3']) ? '<a href="'. $modSettings['slider_url3']. '" target="_self">'. $modSettings['slider_title3']. '</a>' : $modSettings['slider_title3'], '
</h3>
', !empty($modSettings['slider_short_text3']) ? '<span>'. $modSettings['slider_short_text3']. '</span>' : '', '
</div> 
</li>';
}
// Item Four
if (!empty($modSettings['slider_title4']) && !empty($modSettings['slider_img4']))
{
echo '<li>
<div>';
echo '<img src="', $modSettings['slider_img4'], '" alt="', !empty($modSettings['slider_short_text4']) ? $modSettings['slider_short_text4'] : '*', '" />';
                echo '<h4>
', !empty($modSettings['slider_url4']) ? '<a href="'. $modSettings['slider_url4']. '" target="_self">'. $modSettings['slider_title4']. '</a>' : $modSettings['slider_title4'], '
</h4>
', !empty($modSettings['slider_short_text4']) ? '<span>'. $modSettings['slider_short_text4']. '</span>' : '', '
</div> 
</li>';
}
// Item Five
if (!empty($modSettings['slider_title5']) && !empty($modSettings['slider_img5']))
{
echo '<li>
<div>';
echo '<img src="', $modSettings['slider_img5'], '" alt="', !empty($modSettings['slider_short_text5']) ? $modSettings['slider_short_text5'] : '*', '" />';
                echo '<h5>
', !empty($modSettings['slider_url5']) ? '<a href="'. $modSettings['slider_url5']. '" target="_self">'. $modSettings['slider_title5']. '</a>' : $modSettings['slider_title5'], '
</h5>
', !empty($modSettings['slider_short_text5']) ? '<span>'. $modSettings['slider_short_text5']. '</span>' : '', '
</div> 
</li>';
}
// Item Six
if (!empty($modSettings['slider_title6']) && !empty($modSettings['slider_img6']))
{
echo '<li>
<div>';
echo '<img src="', $modSettings['slider_img6'], '" alt="', !empty($modSettings['slider_short_text6']) ? $modSettings['slider_short_text6'] : '*', '" />';
                echo '<h6>
', !empty($modSettings['slider_url6']) ? '<a href="'. $modSettings['slider_url6']. '" target="_self">'. $modSettings['slider_title6']. '</a>' : $modSettings['slider_title6'], '
</h6>
', !empty($modSettings['slider_short_text6']) ? '<span>'. $modSettings['slider_short_text6']. '</span>' : '', '
</div> 
</li>';
}
echo '</ul>
</div>
</div>
</div>
<script type="text/javascript">
var _lofmain =  $(\'lofslidecontent45\');
var _lofscmain = _lofmain.getElement(\'.lof-main-wapper\');
var _lofnavigator = _lofmain.getElement(\'.lof-navigator-outer .lof-navigator\');
var object = new LofFlashContent( _lofscmain,
  _lofnavigator,
  _lofmain.getElement(\'.lof-navigator-outer\'),
  { fxObject:{ transition:Fx.Transitions.Quad.easeInOut,  duration:800},
interval:3000,
direction:\'opacity\' } );
object.start( true, _lofmain.getElement(\'.preload\') );
</script>';
}
//End of SMF Slider v.1

[Tricky-Ricky]

Ah yes bud that works well but its still showing in the forum??

[Mick.]

Ah yes bud that works well but its still showing in the forum??

Did you removed that code from the index.template?

[Tricky-Ricky]

Yes I did bud

[Mick.]

Yes I did bud

I told you wrong.... i just parsed it. That code is in the BoardIndex.template.php

[Tricky-Ricky]

Fantastic bud works a treat

Thanks again..

[RoadWarriror]

Is there a current version of this?

[Mick.]

Is there a current version of this?

no. It's very outdated. Been wanting to redo this with modern coding and compatibility to latest smf version but real life has me busy in other ventures

[Mick.]

Is there a current version of this?

This always been one of my fave mods. So worked on something modern a bit ago. Just need to add the php calls and package it. My schedule is very tight to have fun with SMF but i'll try to finish it. Check out a rough demo here, https://codepen.io/idesignsmf/pen/BaBQGBj

[Rock Lee]

This always been one of my fave mods. So worked on something modern a bit ago. Just need to add the php calls and package it. My schedule is very tight to have fun with SMF but i'll try to finish it. Check out a rough demo here, https://codepen.io/idesignsmf/pen/BaBQGBj

I will be waiting with pleasure, I have used the old version somewhat modified for some of my sites that unfortunately is no longer online now.


Regards!