столбцы в imagegallery и некорректное отображение ст

[Ink]

На днях сделал так, чтобы imagegallery выводил index столбцами...ну как табличкой в общем.

сделано было так:
в function.ImageGallery.php кусок кода

Code: Select all

//Else we are on thumb generation & normal page
$output .= '<div id="'.$divID.'">'. "\n";
$i = 1;
foreach($liste as $key => $value) {
$bigPic = $picFolder . $value;
list($bigPicWidth, $bigPicHeight) = getImageSize($bigPic);
$thumbPic = $picFolder . 'thumb_' . $value;
$thumbSize = @getImageSize($thumbPic) or ($thumbSize[0] = 96) and ($thumbSize[1] = 96);
$output .= '<div class="thumb">';
if($type == "click") $output .= '<a href="' . $self . '&img=' . $key . '">' . "\n";
if($type == "popup") $output .= '<a href="javascript:PopupPic(\'' . $bigPic . '\',\'' . ($key+1) . '\',\'' . $bigPicWidth . '\',\''. $bigPicHeight . '\')">' . "\n";
$path_parts = pathinfo($bigPic);
$extension='.'.$path_parts['extension'];
$ImageFileName = basename($bigPic); 
$bigPicName = basename($bigPic, $extension);

//Set Image
$output .= '<img src="' . $thumbPic .'"';

//title tags
switch($thumbPicTitleTag)
 {
  case "name":        
       $output .=' title="'.$bigPicName.'... click for a bigger image"';
       break;   
  case "number":
       $output .=' title="'.($key+1).'... click for a bigger image"';
       break;
  case "file":
       $output .=' title="'.$ImageFileName.'... click for a bigger image"';
       break;  
  case "none":
       break;  
  default:
       $output .=' title="Click for a bigger image..."';
       break;   
 }

//alt tags - compulsory
switch($thumbPicAltTag)
 {
  case "name":        
       $output .=' alt="'.$bigPicName.'"';
       break;   
  case "number":
       $output .=' alt="'.($key+1).'"';
       break;
  case "file":
       $output .=' alt="'.$ImageFileName.'"';
       break;   
   default:
       $output .=' alt="'.$bigPicName.'"';
       break;   
 }

//Close tags
$output .='/></a> <br />' . "\n";
// Set thumb captions
switch($thumbPicCaption)
 {
  case "name":        
        $output .= '<p class="thumbPicCaption">'.$bigPicName.'</p>'."\n";
       break;   
  case "number":
        $output .= '<p class="thumbPicCaption">'.($key+1).'</p>'."\n";
       break;
  case "file":
        $output .= '<p class="thumbPicCaption">'.$ImageFileName.'</p>'."\n";
       break; 
  case "none":
  	   break;
   default:
       $output .= '<p class="thumbPicCaption">'.$bigPicName.'</p>'."\n";
       break;   
 }

$output .= '</div>' . "\n";
}
$output .= '</div>' . "\n\n";
}
return $output;
}

был заменен на

Code: Select all

//Else we are on thumb generation & normal page
$output .= '<div id="'.$divID.'">'. "\n";
$i = 1;
$myi = 0;
foreach($liste as $key => $value) {
$bigPic = $picFolder . $value;
list($bigPicWidth, $bigPicHeight) = getImageSize($bigPic);
$thumbPic = $picFolder . 'thumb_' . $value;
$thumbSize = @getImageSize($thumbPic) or ($thumbSize[0] = 96) and ($thumbSize[1] = 96);

$myi ++;
if ($myi == 1) $output .= '<div class="thumbcase">'."\n";

$output .= '<div class="thumb">';
if($type == "click") $output .= '<a href="' . $self . '&img=' . $key . '">' . "\n";
if($type == "popup") $output .= '<a href="javascript:PopupPic(\'' . $bigPic . '\',\'' . ($key+1) . '\',\'' . $bigPicWidth . '\',\''. $bigPicHeight . '\')">' . "\n";
$path_parts = pathinfo($bigPic);
$extension='.'.$path_parts['extension'];
$ImageFileName = basename($bigPic); 
$bigPicName = basename($bigPic, $extension);

//Set Image
$output .= '<img src="' . $thumbPic .'"';

//title tags
switch($thumbPicTitleTag)
 {
  case "name":        
       $output .=' title="'.$bigPicName.'... click for a bigger image"';
       break;   
  case "number":
       $output .=' title="'.($key+1).'... click for a bigger image"';
       break;
  case "file":
       $output .=' title="'.$ImageFileName.'... click for a bigger image"';
       break;  
  case "none":
       break;  
  default:
       $output .=' title="Click for a bigger image..."';
       break;   
 }

//alt tags - compulsory
switch($thumbPicAltTag)
 {
  case "name":        
       $output .=' alt="'.$bigPicName.'"';
       break;   
  case "number":
       $output .=' alt="'.($key+1).'"';
       break;
  case "file":
       $output .=' alt="'.$ImageFileName.'"';
       break;   
   default:
       $output .=' alt="'.$bigPicName.'"';
       break;   
 }

//Close tags
$output .='/></a> <br />' . "\n";
// Set thumb captions
switch($thumbPicCaption)
 {
  case "name":        
        $output .= '<p class="thumbPicCaption">'.$bigPicName.'</p>'."\n";
       break;   
  case "number":
        $output .= '<p class="thumbPicCaption">'.($key+1).'</p>'."\n";
       break;
  case "file":
        $output .= '<p class="thumbPicCaption">'.$ImageFileName.'</p>'."\n";
       break; 
  case "none":
  	   break;
   default:
       $output .= '<p class="thumbPicCaption">'.$bigPicName.'</p>'."\n";
       break;   
 }

$output .= '</div>' . "\n";

if ($myi == 6) {
$output .= '</div>' . "\n";
$myi=0;
}

}
$output .= '</div>' . "\n" . '</div>' . "\n";
}
return $output;
}

по сути я добавил счетчик и разбил дивы на группы по 6 штук.

потом добавил css

Code: Select all

/* Image Gallery - Small Thumbnail Images */
        .thumbcase {
		display: table-row;
	}
	.thumb {
		display: table-cell;
                padding: 0.7em;
	}

Теперь картинки на индексе галереи выводятся матрицей.

НО возникла проблема.
состоит она в том, что когда рисунков много (допустим больше 6ти рядов), то страница разрастается, смещается текст, который под галереей, но фон этого текста (текст в дивах) остается на месте.

как это исправить?

[ilia3d]

хорошо бы линк с примером... так по коду фиг догадаешься.. 

[Ink]

http://sib-bstu.ru/index.php?page=budo
пока что пример только вот такой

[Ink]

Вопрос снимается, проблему решил.

получалось ImageGallery закрывал на один див больше чем нужно, если последняя строка была такой же длины, как и предыдущие)