Horizontale Darstellung von Bildern der Gallery2 mit den Modulen g2bridge_album und g2bridge image in Joomla!

In der Originalversion der Gallery2 Module für Joomla! werden die Bilder nur vertical gezeigt. Dies lässt sich mit einem kleinen Trick ändern. Danach lassen sich beliebig viele Bilder quer darstellen oder aber auch z.B. zwei oder mehrere Reihen von drei (oder mehreren) Bildern unter einander. Für ein Beispiel hier klicken!


Show pictures of Gallery2 with module g2brigde in a horizontal position in Joomla!

If you implement Gallery2 intot Joomla! and want to show some pictures in a module position the original module shows the pictures only in a vertical position. To be able to show as many of them as  your template allows in a vertical position, you will have to change the code of Gallery2. To see how to, klick on "Weiterlesen..." below. 

Integration von Gallery2 in Joomla! 1.1 und 1.5

(Achtung! Neuere Versionen des ImageBlock benötigen eine Änderung im Template von Joomla - siehe Anleitung hier siehe unten)

Bilder mit dem Imageblock Module von Gallery2 in Joomla horizontal darstellen

Gehe zu: Gallery2/modules/imageblock/templates/ImageBlock.tpl

Die Datei in einem Text-Editor (auf keinen Fall Microsoft Word!) öffnen und die unten fett (Zeile 8 und die Zweitletzte) markierten Textzeilen löschen. Dann den alten Code überschreiben. Das wär's.

 

How to show pictures of Gallery2 in horizontal position with the Joomla! modul 

Go to: Gallery2/modules/imageblock/templates/ImageBlock.tpl

Open the file in a text editor (not Microsoft Word!) and delete the below bold (line 8 and the secend last) marked lines. Override the existing file on your  server. That's it. 

Besprochene Module: 

mod_g2bridge_album_v2.0

mod_g2bridge_image_v2.7 

{*
 * $Revision: 15342 $
 * If you want to customize this file, do not edit it directly since future upgrades
 * may overwrite it.  Instead, copy it into a new directory called "local" and edit that
 * version.  Gallery will look for that file first and use it if it exists.
 *}
{foreach from=$ImageBlockData.blocks item=block}   


   {if !empty($block.title)}

{g->text text=$block.title}


  {/if}
  {capture assign="linkHref"}{strip}
    {if empty($ImageBlockData.link)}
      {g->url arg1="view=core.ShowItem" arg2="itemId=`$block.id`"
          forceFullUrl=$ImageBlockData.forceFullUrl}
    {elseif $ImageBlockData.link != 'none'}
      {$ImageBlockData.link}
    {/if}
  {/strip}{/capture}
  {capture assign="link"}{if !empty($linkHref)}
        !empty($ImageBlockData.linkTarget)} target="{$ImageBlockData.linkTarget}"{/if}>
  {/if}{/capture}
  {if $block.item.canContainChildren}
    {assign var=frameType value="albumFrame"}
  {else}
    {assign var=frameType value="itemFrame"}
  {/if}
  {if array_key_exists('maxSize', $ImageBlockData)}
    {assign var=maxSize value=$ImageBlockData.maxSize}
  {elseif isset($ImageBlockData.$frameType) && $ImageBlockData.$frameType != 'none'}
    {assign var=maxSize value=120}
  {else}
    {assign var=maxSize value=150}
  {/if}
  {assign var=imageItem value=$block.item}
  {if isset($block.forceItem)}{assign var=imageItem value=$block.thumb}{/if}
  {if isset($ImageBlockData.$frameType)}
    {g->container type="imageframe.ImageFrame" frame=$ImageBlockData.$frameType
          width=$block.thumb.width height=$block.thumb.height maxSize=$maxSize}
      {$link}
    {g->image item=$imageItem image=$block.thumb id="%ID%" class="%CLASS%" maxSize=$maxSize forceFullUrl=$ImageBlockData.forceFullUrl}
      {if !empty($linkHref)}
{/if}
    {/g->container}
  {else}
    {$link}
      {g->image item=$imageItem image=$block.thumb class="giThumbnail" maxSize=$maxSize forceFullUrl=$ImageBlockData.forceFullUrl}
    {if !empty($linkHref)} {/if}
  {/if}

  {if isset($ImageBlockData.show.title) && isset($block.item.title)}
   


      {$block.item.title|markup}
   


  {/if}

  {if isset($ImageBlockData.show.date) ||
      isset($ImageBlockData.show.views) ||
      isset($ImageBlockData.show.owner)}
   


      {if isset($ImageBlockData.show.date)}
     
    {g->text text="Date:"} {g->date timestamp=$block.item.originationTimestamp}
     

      {/if}

      {if isset($ImageBlockData.show.views)}
     
    {g->text text="Views: %d" arg1=$block.viewCount}
     

      {/if}

      {if isset($ImageBlockData.show.owner)}
     
    {g->text text="Owner: %s" arg1=$block.owner.fullName|default:$block.owner.userName}
     

      {/if}
   


  {/if}
 

{/foreach}

 

Horizontaler Imageblock der Gallery2  Version 2.3 in Joomla Version 1.5.7

Betrifft Joomla Module: mod_g2bridge_imageblock und mod_g2bridge_sidebar

Infos und neueste Versionen der Module findet man hier...

Wie des öftern, hat sich mit der Erneuerung der Gallery auf die Version 2.3 auch im ImageBlock eine Änderung ergeben. Oben angeführte Änderung am Code funktioniert nicht mehr. 

Bilder im Module image_block horizontal darstellen geht folgendermassen: 

Joomla/templates/your-template/css/template.css.css

Irgendwo (im oberen Bereich) folgenden Code einbringen: 

 

.one-image {

display:inline;

}

 

Jetzt werden immer so viele Bilder pro Reihe dargestellt, wie man möchte. Die Anzahl Bilder und die Grösse werden in: Joomla/modules/mod_g2bridge_imageblock eingestellt. Indem man dort die Bildgrösse anpasst, lassen sich die Reihen schön ins Layout einpassen. 

Eine andern Möglichkeit, die Bilder einzupassen ist, dass man folgenden Code einsetzt: 

{literal}

.one-image
{
display: inline;
}
.g2imageblock {
width: 106px;
}

{/literal}

Die Breite (width) muss natürlich angepasst werden. Hat man die Grösse im Joomla Module mod_g2brige_imageblock auf 50px gesetzt, passen in ein 106px Feld zwei Bilder rein etc. Stellt man dann die Anzahl Bilder auf 4, hat man einen quatratischen Block mit 2x2 Bildern. 

 

 

Phottix JJC GoPro Fotopro JYC
Funkauslöser, Stative, Kugelköpfe
Studioausrüstung, Trigger, Wireless
Batteriegriffe, Akkus, Ladegeräte
UV-Filter, Polfilter, Graufilter
Phottix Odin, Phottix Indra

Phottix Atlas Strato Triopo Stativ Carbon

banner_byby_billag

Joomla Beratung + Infos