PDA

Zobacz pełną wersję : Scrollbar w menu Ignite Gallery



mkzr
03-06-2011, 10:41
Witam wszystkich,

www.tododesign.pl

Zakładka "projekty".

Chciałbym, żeby menu boczne Ignite Gallery przesuwało się identycznie jak poziome miniaturki pod głównym zdjęciem. Aktualnie używam paginacji, ale jest ona beznadziejna.

Ktoś ma jakiś pomysł? Próbowałem już SlideShowPro i nie działa.

---------- Post dodany o 07:53 ---------- Poprzedni post był o 06:37 ----------

albo, żeby ta paginacja była np. w AJAX (żeby po kliknięciu "2" przesuwały się tylko miniaturki zdjęć, bez przeładowania całej strony).

---------- Post dodany o 08:41 ---------- Poprzedni post był o 07:53 ----------

Dla ułatwienia dodam zawartość pliku php, który wyświetla boczne lewe menu z obrazkami:

<?php defined( '_JEXEC' ) or die( 'Restricted access' ); ?>

<div class="igallery_clear"></div>
<form action="index.php?option=com_igallery&amp;view=igcategory&amp;id=<?php echo $this->id; ?>&amp;Itemid=<?php echo $this->Itemid; ?>" method="post" name="adminForm">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>


<?php
if(count($this->categoryChildren) != 0)
{
?>
<div id="cat_child_wrapper<?php echo $this->id; ?>" class="cat_child_wrapper"><!-- start category children wrapper -->
<?php
$counter = 0;
$columns = $this->profile->columns == 0 ? count($this->categoryChildren) : $this->profile->columns;

while($counter < count($this->categoryChildren))
{
for($i=0; $i<$columns; $i++)
{
$row = &$this->categoryChildren[$counter];

if($row != null)
{
$link = JRoute::_('index.php?option=com_igallery&amp;view=igca tegory&amp;id='.$row->id.'&amp;Itemid='.$this->Itemid);
?>

<div class="cat_child" style="width: <?php echo $row->menu_max_width; ?>px;">
<!-- <h3 class="cat_child_h3">
<a href="<?php echo $link; ?>" class="cat_child_a">
<?php echo $row->name; ?>
</a>
</h3> -->
<?php
if( isset($row->fileArray))
{
?>
<a href="<?php echo $link; ?>">
<img src="<?php echo IG_IMAGE_HTML_RESIZE; ?><?php echo $row->fileArray['folderName']; ?>/<?php echo $row->fileArray['fullFileName']; ?>" alt=""/>
</a>
<?php
}
echo $row->menu_description;
?>
</div>
<?php
}
$counter++;
}
?>
<div class="igallery_clear"></div>
<?php
}
?>
</div><!-- end category children wrapper -->

<?php
}
?>
</td>
</tr>
<?php if($this->profile->menu_pagination == 1): ?>
<tr>
<td align="center" colspan="4" class="sectiontablefooter<?php echo $this->escape($this->params->get('pageclass_sfx')); ?>">
<?php echo $this->pagination->getPagesLinks(); ?>
</td>
</tr>
<tr>
<td colspan="4" align="right" class="pagecounter">
<!-- <?php echo $this->pagination->getPagesCounter(); ?> -->
</td>
</tr>
<?php endif; ?>
</table>
</form>
<div class="igallery_clear"></div>

metmusic
17-06-2011, 16:26
Witaj,

Czy udało Ci się dojść do rozwiązania?
Ja właśnie będę pracował nad tym samym...

mkzr
21-06-2011, 19:41
witam,

zrobiłem "overflow:scroll;" w CSS-ie.
działa ok, tylko szkoda, że po kliknięciu na np. 5 zdjęcie przeładowuje całą stronę i cały czas pokazuje pierwsze cztery miniatury.

metmusic
22-06-2011, 15:55
Ale widzę, że nie ma możliwości przewijania kategorii w pionie - masz 4 miniatury kategorii i koniec - a co będzie jak będzie ich więcej?. Dlatego ja właśnie próbuję zrobić przewijanie w pionie (tak jak jest u Ciebie lewo-prawo) miniaturek kategorii.

mkzr
27-06-2011, 12:02
Jest przewijanie w pionie (trzeba najechać na miniaturkę i użyć scrolla). Zaraz dodam pasek przewijania.

metmusic
28-06-2011, 11:19
Ale nie udało Ci się zrobić jak miniaturki przewijane po najechaniu myszką na odpowiednią strefę, żeby zaczęło przewijać góra-dół automatycznie? Bo bez paska trudno się domyślić że da radę przewinąć (kilka razy wchodziłem na Twoją stronę i nie przewinąłem ani razu - dopiero jak napisałeś że tak można). A z kolei pasek wygląda brzydko - przydały by się co najmniej strzałki tak jak lewo-prawo tak samo góra-dół. Próbuję osiągnąć to ale nie bardzo idzie...