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. 

 

 
Kommentare (1)
horizontalen Imageblock
1Dienstag, den 30. Dezember 2008 um 08:35 Uhr
Hallo Klaus!

Bis du auch auf www.joomla-downloads.de unterwegs?
Ich wollte deinen Tipp für den horizontalen Imageblock der Gallery2 in Joomla Version 1.5.x anwenden, aber leider klappt es nicht. Hast du eine Idee?
Imag Block Horizontal in Joomla 1.5.7
Montag, den 19. Januar 2009 um 14:48 Uhr
Klaus Frei
Vermutlich geht das nicht bei allen Templates gleich. Mein Vorschlag bezieht sich auf die Templates von RocketThemes von Andy Miller der auch das Standard Template rhuk_milkyway für Joomla gemacht hat.

Wie das bei andern ist, muss man vermutlich von Fall zu Fall ausprobieren.

Auf jeden Fall solltest Du unbedingt die neueste Version der Bridge etc. verwenden. Diese findest Du hier: http://trac.4theweb.nl/g2bridge/browser/branches/sil3nt

Die offiziellen sind alle über 2 Jahre alt. Leider!

Kommentar schreiben / Write your comment

Ihr Name:
Your name:
Betreff:
Subject:
Kommentar:
Your Comment:
  Bild, welches den Sicherheitscode enthält
Sicherheitscode:

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

Artikel zu Gallery2/3

banner_byby_billag

Joomla Beratung + Infos

Links zu Joomla und Drupal

Links zu Joomla

Links zu Drupal

Die besten Erweiterungen für Joomla und Drupal

Zehn gute Erweiterungen für Joomla:

  • Community Builder - Betreiben einer Community (Legacy Mode)
  • RokDownload - Dokumenten Management und Download System
  • JCE Editor - WYSIWYG Editor
  • eXtplorer - Interner FTP Client
  • Joom!Fish - Übersetzen der Inhalte in verschiedene Sprachen
  • yvComment - ermöglicht Kommentaren in Seiten
  • Custom Properties – Inhalte per Tags auszeichnen
  • Fireboard - Forum mit vielen Erweiterungen (Legacy Mode)
  • Expose Flash Gallery – Galerie Komponente
  • VirtueMart - Integriertes Shop-System

Zehn gute Erweiterungen für Drupal:

  • FCK Editor - WYSIWYG Editor
  • CCK-Content Construction Kit – Zum Anlegen eigener Inhalts-Typen
  • Content Access – Inhalte nur bestimmten Benutzern zugänglich
  • Imagecache – Einstellen der Grösse von Bildern und Thumbnails
  • Poormanscron – Cron-Jobs zur Indexierung von Suche, Feeds etc.
  • Panels – Erstellen flexibler Seitenlayouts z.B. mehrspaltige
  • Sections – Bestimmte Bereiche einer Site per CSS ändern
  • (i18n) Internationalization – Inhalte in verschiedenen Sprachen
  • Views – Auflisten, strukturieren und filtern von Inhalten
  • Pathauto – Suchmaschinenfreundliche Titel generieren