Beste lezers,
Ik heb een probleem met een module.
Ik heb Joomla 2.5.8 en Xampp ver. 1.8.1 op een pc geinstalleerd.
Heb zelf een template gemaakt voor een website met fotos en gebruik daarvoor deze module
met een horizontale scrollbar.
Zie deze link
www.ext-joom.com/extensions/24-scrollbar-images-module.html
(je kunt deze module het beste even downloaden en installeren,dan begrijp je onderstaande verhaal beter)
Nu mijn probleem;
Als ik deze module installeer,kan ik alleen maar foto's van dezelfde breedte plaatsen.
Bij een serie foto's van hetzelfde onderwerp komt het vaak voor dat deze zowel in de portrait als in landscapestand gemaakt worden.
De foto's van het zelfde onderwerp komen dan onder het zelfde menu op de website te staan.
Met de huidige code moeten alle foto's dezelfde de breedte hebben.
Stel dat ik er 5 foto's van bv 500x750 pix breed inzet (zg landscape foto's) en een van bv 500x330 pix breed
(de portraitstand),dan wordt de foto van 330 pixels breed helemaal tot 750 pix opgerekt en
dat is natuurlijk geen gezicht....
Wat moet ik in de onderstaande bestand (default.php) veranderen om foto's van twee
verschillende breedtes te kunnen plaatsen ?
De hoogte blijft bij alle foto's gelijk.
Zo ziet het bestand default.php er uit.
(staat in de map tmpl van de module (na installatie))
Code:
<
?php
/*
# ------------------------------------------------------------------------
# Extensions for Joomla 2.5
# ------------------------------------------------------------------------
# Copyright (C) 2011 Ext-Joom.com. All Rights Reserved.
# @license - PHP files are GNU/GPL V2.
# Author: Ext-Joom.com
# Websites: http://www.ext-joom.com
# ------------------------------------------------------------------------
*/
// no direct access
defined('_JEXEC') or die;
?>
<style type="text/css">
#ext_scrollbar {
height: <?php echo $height;?>px;
}
#ext_scrollbar ul {
width: <?php echo $sum_width;?>px;
/*float:left;*/
}
#ext_scrollbar li {
width: <?php echo $width;?>px;
/*float:left;*/
}
#ext_bar {
background-color:#<?php echo $color_bar; ?>;
height: <?php echo $height_bar;?>px;
}
#ext_knob {
background-color:#<?php echo $color_knob; ?>;
width: <?php echo $width_knob;?>px;
height: <?php echo $height_knob;?>px;
}
</style>
<script type="text/javascript">
window.addEvent('domready', function(){
var myProducts = new ScrollBar('ext_scrollbar', 'ext_bar', 'ext_knob', {
offset: -1,
scroll: {
duration: <?php echo $duration_scroll; ?>,
transition: 'elastic:out'
},
ext_knob: {
duration: <?php echo $duration_knob; ?>,
transition: 'elastic:out'
}
});
});
</script>
<div class="mod_ext_scrollbar_img <?php echo $moduleclass_sfx; ?>">
<div id="ext_scrollbar">
<ul>
<?php
for($n=0;$n < count($img);$n++) {
if( $img[$n] != '') {
echo '<li><a href="'.$url[$n].'" target="'.$target[$n].'"><img src="'.$img[$n].' "width="'. $width. '" height="'. $height. '" alt="'.$alt[$n].'"/></a></li>';
}
}
?>
</ul>
</div>
<div id="ext_bar"><div id="ext_knob"></div></div>
<div style="clear:both;"></div>
</div>
Weet iemand hier een oplossing voor ?
Bij voorbaat dank
Mrtjoom
Edit Astrid: Code aangepast nav reported post. 
Heeft onderwerp gestart
