Помощь Нужно привести лайтбоксы к единому виду

[wmagixx]

Короче как и у всех самокрутов джумлы рано или поздно встал вопрос приведения всяких элементов к единому виду.... а то каждый компонент и плагин открывает картинку в своем лайтбоксе, что прилично бросается в глаза и понижает уровень сайта в глазах посетителя.
В итоге, хочется сделать чтобы все лайтбоксы открывались в таком окне как у rockbox.
Он вставляет лайт следующей строкой:

<a href="#" target="_blank" data-rokbox="1"><img src="#" alt="" width="" height=""></a>

если я правильно понял К2 вставляет следующим образом (файл item.php в папке ШАБЛОН/html/com_k2)

      <?php if($this->item->params->get('itemImage') && !empty($this->item->image)): ?>
      <!-- Item Image -->
      <div class="itemImageBlock">
          <span class="itemImage">
              <a class="modal" rel="{handler: 'image'}" href="<?php echo $this->item->imageXLarge; ?>" title="<?php echo JText::_('K2_CLICK_TO_PREVIEW_IMAGE'); ?>">
                  <img src="<?php echo $this->item->image; ?>" alt="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>" style="width:<?php echo $this->item->imageWidth; ?>px; height:auto;" />
              </a>
          </span>

          <?php if($this->item->params->get('itemImageMainCaption') && !empty($this->item->image_caption)): ?>
          <!-- Image caption -->
          <span class="itemImageCaption"><?php echo $this->item->image_caption; ?></span>
          <?php endif; ?>

          <?php if($this->item->params->get('itemImageMainCredits') && !empty($this->item->image_credits)): ?>
          <!-- Image credits -->
          <span class="itemImageCredits"><?php echo $this->item->image_credits; ?></span>
          <?php endif; ?>

          <div class="clr"></div>
      </div>
      <?php endif; ?>

ну и jshopping, вставляет из ШАБЛОН/html/com_jshopping/product/block_image_middle.php

<?php foreach($this->images as $k=>$image){?>
    <a class="lightbox" id="main_image_full_<?php print $image->image_id?>" href="<?php print $this->image_product_path?>/<?php print $image->image_full;?>" <?php if ($k!=0){?>style="display:none"<?php }?> title="<?php print htmlspecialchars($image->_title)?>">
        <img id = "main_image_<?php print $image->image_id?>" src = "<?php print $this->image_product_path?>/<?php print $image->image_name;?>" alt="<?php print htmlspecialchars($image->_title)?>" title="<?php print htmlspecialchars($image->_title)?>" />
        <div class="text_zoom">
            <img src="<?php print $this->path_to_image?>search.png" alt="zoom" /> <?php print _JSHOP_ZOOM_IMAGE?>
        </div>
    </a>

Вопрос: что тут где исправить? )))

 

[wenberis]

У вас судя по коду, лайтбокс выводит изображение, опираясь на его исходные размеры, сделайте все изображения одинаковыми
Даже если вы тут height:auto, поставите <?php echo $this->item->imageHeight, это проблему не решит

 

[wmagixx]

У вас судя по коду, лайтбокс выводит изображение, опираясь на его исходные размеры, сделайте все изображения одинаковыми
Даже если вы тут height:auto, поставите <?php echo $this->item->imageHeight, это проблему не решит

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

 

[denniseds]

firebug ставить на мазилу, отлавливать стили и прописывать их для нужных лайтбоксов