98 Posts
Edwin
11 years ago
11
Topic

Hello all

Is there an article and image scroller/rotator that JUST WORKS with Seblod? I've tried a few as well as the advice given on Seblod forums, but it's a headache with all the hacking and alterations. Sometimes I get it working one day and the next it's just off. At times I get it to work only partially. It is very frustrating. I'm willing to pay for a more consistent and permanent WORKING solution.

Kind regards

Get a Book for SEBLOD
85 Posts
kromoadv
11 years ago
2
Level 1

Hi Edwin,

i used few time jquery Fotorama for images in a position override and it works with Seblod.

Regards

98 Posts
Edwin
11 years ago
1
Level 2

Hello kromoadv

Thanks for your reply. I will certainly have a look at this. Do you have some pointers as to how to configure it for Seblod? For instance, to show images from list type custom template.

regards

85 Posts
kromoadv
11 years ago
0
Level 3

Hello Edwin,

sorry, i only tried it with a field x in a standard content type. 

I'm on my mobile right now and i can't post the configuration.

I can try later or tomorrow if you need.

Regards.

98 Posts
Edwin
11 years ago
1
Level 1

Hi kromoadv

Thank you. Whenever you are able. I would really appreciate it.

Regards

85 Posts
kromoadv
11 years ago
0
Level 2

Hi Edwin,

I'm back... ;)

First of all put your Fotorama css in templates/seb_one/css

Than create a folder js in templates/seb_one and put your Fotorama js in it.

You just have to call the raw field x with no formatting, wrap it into a div with required class="fotorama" and configure it according with fotorama instructions and of course your needs:

<?php 
// No Direct Access
defined( '_JEXEC' ) or die;
?>

<?php
   $document =& JFactory::getDocument();
   $document->addStyleSheet(JURI::base().'templates/'. $this->template. "/css/fotorama/fotorama.css");
   $document->addScript( JURI::root( true ).'/templates/'.$this->template.'/js/fotorama/fotorama.js' );
?>

<div class="fotorama" data-nav="thumbs" data-fit="scaledown" data-transition="dissolve" data-allowfullscreen="native" data-loop="true" data-width="940" data-ratio="940/512" data-max-width="100%" data-arrows="true" data-click="true" data-swipe="true" data-trackpad="true">
   <?php foreach($cck->get( 'your_field_x' )->value as $fx){ ?>
     <a href="/<?php echo $fx->value; ?>" data-caption="<b><?php echo $fx->image_title; ?></b> - <?php echo $fx->image_alt; ?>">
       <img src="/<?php echo $fx->thumb2; ?>" alt="<?php echo $fx->image_alt; ?>" title ="<?php echo $fx->image_title; ?>" width="118" height="64" />
     </a>
   <?php } ?>
</div>

In my case this is the override of mainbody position of my custom content type: templates/seb_one/positions/my_content_type/content/mainbody.php


Regards

98 Posts
Edwin
11 years ago
0
Level 1

Hi kromoadv

Thank you so very much. I'm out at the moment, so I will check it out once I get back and I will let you know how it goes.

Kind regards

98 Posts
Edwin
11 years ago
1
Level 1

Hi kromoadv

Yep, I'm happy to report I got Fotorama working as per your advice above. Thank you.

85 Posts
kromoadv
11 years ago
0
Level 2

Hi Edwin,

you're welcome ;)

Please consider to mark this topic as solved.

Regards.

98 Posts
Edwin
11 years ago
0
Level 1

Really appreciated. One big problem solved for me. Marked solved.

10 years ago
0
Level 1
HI there
That exactly what i want to do.I want to rotate an image in the Seblod.I know there are many third party image tool which supports to rotate image effectively.And i have installed this image tool.But it can not work with Seblod.So is there any other recommendations?
Thanks for any suggestions.
175 Posts
webcastor
10 years ago
0
Level 1
Maybe you could consider RocketTheme RokSprocket. It allows Seblod as content provider, although it only shows 4 elements of your choice: Title, Text, Image and Link.
Get a Book for SEBLOD