Alright, I managed to do it! It was quite easy actually! If you want to use what I did, my exhibit.deux_column.php looks now like this:
<?php if defined'SITE' exit'No direct script access allowed'
/**
* Dexu column
*
* Exhbition format
* inspired by miaandjem.com
*
* @version 1.0
* @author Vaska
*/
// defaults from the general libary - be sure these are installed
$exhibit['dyn_css'] = dynamicCSS();
$exhibit['dyn_js'] = dynamicJS();
$exhibit['exhibit'] = createExhibit();
function createExhibit()
{
$OBJ =& get_instance();
global $rs, $exhibit;
$pages = $OBJ->db->fetchArray("SELECT *
FROM ".PX."media
WHERE media_ref_id = '$rs[id]'
ORDER BY media_order ASC, media_id ASC");
if ($pages)
{
$i = 0; $a = '';
foreach ($pages as $go)
{
$title = ($go['media_title'] == '') ? 'N/A' : $go['media_title'];
$caption = ($go['media_caption'] == '') ? 'N/A' : $go['media_caption'];
$png = ($go['media_mime'] == 'png') ? " class='png'" : '';
$a .= "nn";
$i++;
}
$a .= "n
n";
}
// images
$s .= "n";
$s .= "n";
$s .= $a;
$s .= "n";
// text
$s .= "n";
$s .= $rs['content'];
$s .= "n";
$s .= "n";
$s .= $rs['content'];
$s .= "n";
$s .= "nn";
$s .= "n";
return $s;
}
function dynamicCSS()
{
return "#d-col1 { float: left; width: 290px; }
#d-col2 { margin-left: 290px; padding-top: 50px;}
#d-col1 img { padding-top: 50px; }
#hidden-text { display: none; }";
}
function dynamicJS()
{
global $rs;
$tile = ($rs['tiling'] != 1) ? ", backgroundRepeat: 'no-repeat'" : '';
return "function swapImg(a, image)
{
var the_path = '" . BASEURL . GIMGS ."/' + image;
show = new Image;
show.src = the_path;
var img = '';
var title = $('#img' + a).attr('title');
var caption = $('#img' + a).attr('alt');
if (title != 'N/A')
{
caption = (caption != 'N/A') ? ': ' + caption : '';
img = img + '
' + title + caption + '';
}
$('#d-col1').html(img);
}
function swapText()
{
var text = $('#hidden-text').html();
$('#d-col2').html(text);
}";
}
?>