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