Forum für CMS/made simple

qnolinio

Gast

[GELÖST] Gallery Modul, Problem mit eigenem Textfeld

Hallo zusammen

Ich habe das Gallery Modul (V 1.4.4) installiert und finde es für meine Bedürfnisse super!

Allerdings habe ich noch ein Problem...
Und zwar habe ich über "Felddefinitionen" ein neues Feld (für Bilder) definiert:
Name => Bildtext
Typ => WYSIWYG
Maximale Länge => (leer)
(Feld anwenden auf => Bilder)
Öffentlich => aktiv

Nun kann ich die Texte zu den Bildern relativ bequem einfügen und solange ich Fliesstext verwende funktioniert auch alles bestens.
Wenn ich nun aber im Text einen Zeilenumbruch mit der Entertaste mache so "zerstört" mir dies die ganze Gallery. Scheinbar verträgt dieses Textfeld den HTML Tag <p> nicht, denn wenn ich den wieder herauslösche und stattdessen ein <br> einfüge so klappts wieder.
Vorhin habe ich auch kurz versucht, eine Tabelle einzupflegen. Auch dies verträgt die Gallery nicht und tut nicht mehr wie sie sollte.

Ich hoffe dass mir jemand weiterhelfen kann. Falls ich noch Code posten soll, einfach melden...

Besten Dank schon im Voraus!!!
Grüsse
qnolinio

mike-r

arbeitet mit CMS/ms

Registriert: 21. Dezember 2010

Beiträge: 898

Webseite

Re: [GELÖST] Gallery Modul, Problem mit eigenem Textfeld

Nun kann ich die Texte zu den Bildern relativ bequem einfügen und solange ich Fliesstext verwende funktioniert auch alles bestens.
Wenn ich nun aber im Text einen Zeilenumbruch mit der Entertaste mache so "zerstört" mir dies die ganze Gallery.

Welcher Art ist denn diese "Zerstörung"?
Hast Du da mal einen Link?

---

Unablässige Tools für's Webdevelopement/ Fehlerfindung: CSS Validierungsservice, Bildschirmlineal, Firebug, Tidy, Deutsche CSS-Referenz

qnolinio

Gast

Re: [GELÖST] Gallery Modul, Problem mit eigenem Textfeld

Zerstörung => Beim Klick auf ein Tumb-Bild geht das gewünschte Bild im selben Browserfenster auf, jedoch über die ganze Grösse und nicht in der Galerie.

Ich habe 2 Testgalerien erstellt:

Beispiel mit Problem (bei Klick auf Bild 2):
http://www.wengerarchitekten.ch/index.p … 5&page=205

Beispiel ohne Problem:
http://www.wengerarchitekten.ch/index.p … 5&page=205

nicmare

Server-Pate

Registriert: 15. Dezember 2010

Beiträge: 1.314

Webseite

Re: [GELÖST] Gallery Modul, Problem mit eigenem Textfeld

das sieht man doch schon im quelltext dass da was nicht stimmt:

 Hier klicken, um den Code zum Kopieren zu markieren

<p style="background-color:"<!--            Titel        -->

---

Meine Projekte:
Dashcam-Test | Babyphone-Testberichte | Türspionkameras

qnolinio

Gast

Re: [GELÖST] Gallery Modul, Problem mit eigenem Textfeld

Danke nicmare, das war sicher ein Fehler!
Habe diesen Teil des Codes bereinigt, allerdings hat dies mein Problem nicht gelöst.

Ich denke dass ich etwas grundlegendes nicht kappiert habe. Deshalb stelle ich eine konkrete Frage:

Wo muss ich den Code für den "Bildtext" einfügen und wie lautet Code?

-> Feldname = bildtext
-> Ich habe zu jedem Bild in einer Untergeordneten Galerie einen anderen Text (=Bildtext)!

 Hier klicken, um den Code zum Kopieren zu markieren

[== Template-Quelle ==]
<div class="gallery">

<div class="pagenavigation">
{if $pages > 1}
<div class="prevpage">{$prevpage}</div>
<div class="nextpage">{$nextpage}</div>
{/if}
{if !$hideparentlink && !empty($parentlink)}<div class="parentlink">{$parentlink}</div>{/if}
{if $pages > 1}<div class="pagelinks">{$pagelinks}</div>{/if}
</div>

{assign var='dirs' value=''}
{assign var='imgs' value=''}
{foreach from=$images item=image}
{if $image->isdir}
{assign var='dirs' value="$dirs
    <div class=\"img\">
        <a href=\"`$image->file`\" title=\"`$image->title`\"><img src=\"`$image->thumb`\" alt=\"`$image->title`\" /></a><br />
        `$image->title`
    </div>
"}
{else}

{capture name=images assign=imgs}
{$imgs}
        <li>
          <a href="{$image->file}">
                <img src="{$image->thumb}" alt="{$image->title}" title="{$image->title}" class="image{$image->fileid}">
          </a>
        </li>
{/capture}
{/if}

{/foreach}

{if !empty($imgs)}
<div class="ae-gallery">
  <div class="ae-image-wrapper">
  </div>
<!--  <div class="ae-controls">    -->
<!--   </div>  -->
  <div class="ae-nav">
    <div class="ae-thumbs" align="center">
      <ul class="ae-thumb-list" align="center" style="width:450px">
{$imgs}
      </ul>
    </div>
    <div class=pdf>{if !empty($gallerycomment)}<div class="gallerycomment">{$gallerycomment}</div>{/if}</div>
  </div>
</div>
{/if}

{$dirs}
<div class="galleryclear">&nbsp;</div>
</div>

nicmare

Server-Pate

Registriert: 15. Dezember 2010

Beiträge: 1.314

Webseite

Re: [GELÖST] Gallery Modul, Problem mit eigenem Textfeld

 Hier klicken, um den Code zum Kopieren zu markieren

{assign var='dirs' value="$dirs
    <div class=\"img\">
        <a href=\"`$image->file`\" title=\"`$image->title`\"><img src=\"`$image->thumb`\" alt=\"`$image->title`\" /></a><br />
        `$image->title`
    </div>
"}

wo hast du denn das her??

---

Meine Projekte:
Dashcam-Test | Babyphone-Testberichte | Türspionkameras

qnolinio

Gast

Re: [GELÖST] Gallery Modul, Problem mit eigenem Textfeld

Danke nicmare!

Das habe ich aus dem Original File.
Habe den Teil gelöscht, allerdings funktionierts nicht besser

Wenn ich den Quelltext anschaue, stelle ich fest dass die Texte des Feldes "bildtext" im <img>-Tag bei "longdesc=" erscheinen. Das ist doch wohl auch nicht so korrekt, oder?

Wo muss ich den Code für den "Bildtext" einfügen und wie lautet Code?

 Hier klicken, um den Code zum Kopieren zu markieren

[== Quelltext ==]
  <div class="ae-nav">
    <div class="ae-thumbs" align="center">
      <ul class="ae-thumb-list" align="center" style="width:450px">

        <li>
          <a href="uploads/images/Gallery/Tests/mit-umbruechen/375-01-Datenblatt.jpg">
                <img src="uploads/images/GalleryThumbs/339-7.jpg" alt="" title=""  longdesc='Titel'  class="image339">
          </a>
        </li>

        <li>
          <a href="uploads/images/Gallery/Tests/mit-umbruechen/Kopie-von-386-03-Datenblatt.jpg">
                <img src="uploads/images/GalleryThumbs/334-7.jpg" alt="" title=""  longdesc='<p>Titel</p>
<p>Und hier eine Auflistung:</p>
<p>1. blabla<br />2. blabla<br />3. blabla</p>'  class="image334">
          </a>
        </li>

      </ul>
    </div>

qnolinio

Gast

Re: [GELÖST] Gallery Modul, Problem mit eigenem Textfeld

Ich habe noch weiter an meinem Problem herumgebastelt, komme aber einfach nicht zum Ziel.

In der folgenden Galerie habe ich einen Test am laufen:
http://www.wengerarchitekten.ch/index.p … 3&page=213

Der Text oben, links neben dem Bild (grau auf weiss) wird aus dem folgenden Code erstellt:

 Hier klicken, um den Code zum Kopieren zu markieren

<img src="{$image->thumb}" alt="{$image->title}" title="{$image->title}" class="image{$image->fileid}" longdesc="{$image->fields.bildtext.value}">

Dabei ruft der Teil longdesc="{$image->fields.bildtext.value}" den Text aus dem Benutzerdefinierten Feld (WYSIWYG) "Bildtext" auf. Dies funktioniert nur solange keine Formatierungen im Text vorgenommen, also weder <p> noch <table> oder sonstige html-Tags verwendet werden.

Der Text unten, links neben dem Bild (grau auf rot) wird aus dem folgenden Code erstellt:

 Hier klicken, um den Code zum Kopieren zu markieren

<div class="bildtext">{$image->fields.bildtext.value}</div>

Auch hier wird der Text aus dem Benutzerdefinierten Feld (WYSIWYG) "Bildtext" aufgerufen, allerdings nicht in einem img-tag sondern in einem div-tag dargestellt.
Hier habe ich das Problem dass nur der Text des zweiten Bildes dargestellt wird (grau auf rot) und nicht mit dem Klick auf ein anderes THUMB-Bild automatisch der entsprechende Bildtext aufgerufen wird.

So wie ich es momentan beurteile, kann ich nicht zu jedem einzelnen Bild meinen benutzerdefinierten Text aufrufen. Mit dem Kommentarfeld zu den Bildern würde es klappen, das befriedigt meine Bedürfnisse jedoch nicht weil der Text auch ein wenig gestaltet wird. Desshalb habe ich das Feld "Bildtext" als WYSIWYG erstellt! Wenn ich dieses in einem DIV-TAG aufrufe so kann ich nicht steuern, zu welchem Bild welcher Text erscheinen soll.

Muss ich mein Vorhaben zurückstellen oder kann mir jemand einen Ansatz zur Lösung bieten?

Bin um jede Hilfe dankbar!!!

nicmare

Server-Pate

Registriert: 15. Dezember 2010

Beiträge: 1.314

Webseite

Re: [GELÖST] Gallery Modul, Problem mit eigenem Textfeld

moment. nichts überstürzen. welches gallery template benutzt du? resette es mal. die templates vom gallerymodul arbeiten von hause aus ordnungsgemäß! ich glaube kaum dass hier der fehler versteckt ist

---

Meine Projekte:
Dashcam-Test | Babyphone-Testberichte | Türspionkameras

qnolinio

Gast

Re: [GELÖST] Gallery Modul, Problem mit eigenem Textfeld

Ok, ich habe das Originaltemplate nochmal (heruntergeladen).

Galerie mit Originaltemplate: http://www.kunowenger.ch/index.php?mact … 56&page=56
Text wird aus dem Feld "Kommentar" gelesen und im img-tag, unter alt="" korrekt dargestellt.

Galerie mit leicht geändertem Template: http://www.kunowenger.ch/index.php?mact … 56&page=56
Text wird aus dem Feld (WYSIWYG) "bildtext" gelesen und im img-tag, unter alt="" augegeben. Allerdings funktioniert dies nur wenn Fliesstext verwendet wird. Sobald der Text ein wenig formatiert wird (z.B. HTML-Code => <b>fett</b>) klappt's nicht mehr!

Und hier die Änderungen im Template.
vorher:

 Hier klicken, um den Code zum Kopieren zu markieren

{capture name=images assign=imgs}
{$imgs}
        <li>
          <a href="{$image->file}">
            <img src="{$image->thumb}" title="{$image->title}" alt="{$image->comment}" class="image{$image->fileid}">
          </a>
        </li>
{/capture}

nachher:

 Hier klicken, um den Code zum Kopieren zu markieren

{capture name=images assign=imgs}
{$imgs}
        <li>
          <a href="{$image->file}">
            <img src="{$image->thumb}" title="{$image->title}" alt="{$image->fields.bildtext.value}" class="image{$image->fileid}">
          </a>
        </li>
{/capture}

Bei meinen Galerien gibt es je nach Bild sehr viel Text. Der soll das Bild nicht überdecken und muss gestaltet werden können. So wie ich das sehe sollte der Text also in einem DIV-TAG ausgegeben werden. Dieser muss aber mit dem ausgewählten Bild zusammenpassen.
Für mich aktuell noch immer ein Ding der Unmöglichkeit 

nicmare

Server-Pate

Registriert: 15. Dezember 2010

Beiträge: 1.314

Webseite

Re: [GELÖST] Gallery Modul, Problem mit eigenem Textfeld

ja gut. ist es nicht offensichtlich wieso das nicht geht??
du kannst kein html code im alt attribut setzen. irgendwann denkt der browser doch dass das alt attribut geschlossen ist durch den code darin.
wie genau sieht denn dein wunschcode aus? ich sehen nur <p></p>. das kannst du dann auch mit <br/> machen (shift+enter). das müsste eventuell gehen.

---

Meine Projekte:
Dashcam-Test | Babyphone-Testberichte | Türspionkameras

qnolinio

Gast

Re: [GELÖST] Gallery Modul, Problem mit eigenem Textfeld

doch, klar ist es offensichtlich dass es nicht geht.
ich denke dass meine bisherigen postings relativ gut beschreiben was ich will und weshalb es so wie bisher nicht funktioniert....

<p></p> kann ich durch <br/> ersetzen, das funktioniert und habe ich auch schon herausgefunden.
Die Anforderungen sind aber viel höher. Es sollen z. B. auch Tabellen eingefügt werden können.

Deshalb habe ich mir ja überlegt, die Texte in einem DIV-TAG auszugeben. Dass aber dieser Text wechselt wenn ich auf ein anderes Bild klicke, daran scheitere ich momentan!

nicmare

Server-Pate

Registriert: 15. Dezember 2010

Beiträge: 1.314

Webseite

Re: [GELÖST] Gallery Modul, Problem mit eigenem Textfeld

ja, das von dir benutzt template ist dafür nicht ausgelegt.
das modul kann dafür ja auch nichts. ein blick in jquery.ae-gallery gibt aufschluss. die beschreibung wird immer so geholt:
desc = thumb.attr('alt');
und kann demnach nicht so einfach geändert werden.
du könntest sowas in der art probieren:

 Hier klicken, um den Code zum Kopieren zu markieren

{capture name=images assign=imgs}
{$imgs}
        <li>
          <a href="{$image->file}">
            <img src="{$image->thumb}" title="{$image->title}" alt="{$image->title}" class="image{$image->fileid}">
            <span class="imgcomment">{$image->comment}</span>
          </a>
        </li>
{/capture}

habe also nur den <span> ergänzt</span>.

dann in der jquery.ae-gallery.js datei die o.g. variable suchen und so ersetzen:
desc = thumb.next().html();

die liegt auf dem ftp in modules/gallery/templates/aegallery (oder so ähnlich).

und dann im gallery template den javascript aufruf um diese option ergänzen:
description_wrapper: "span.imgcomment";

 Hier klicken, um den Code zum Kopieren zu markieren

<script type="text/javascript">
  $(function() {
    var galleries = $('.ae-gallery').aeGallery({
      loader_image: 'modules/Gallery/templates/ae-gallery/loader.gif',
      description_wrapper: "span.imgcomment",
      slideshow: {
        autostart: false,
        speed: 4000,
        start_label: 'Start',
        stop_label: 'Stop',
        stop_on_scroll: false
      }
    });
  });
</script>

dann brauch man eigentlich nur noch diesen span.imgcomment im css vom gallery template formatieren:

 Hier klicken, um den Code zum Kopieren zu markieren

span.imgcomment {
    background: url("../ae-gallery/opa75.png") repeat scroll 0 0 transparent;
    bottom: 0;
    display:block;
    color: #000000;
    left: 0;
    padding: 7px;
    position: absolute;
    text-align: left;
    width: 100%;
    z-index: 2;}

einfach mal ausprobieren. habs ae-gallery noch nie benutzt, geschweige es denn getestet.

Beitrag geändert von nicmare (11. Juli 2011 12:30)

---

Meine Projekte:
Dashcam-Test | Babyphone-Testberichte | Türspionkameras

qnolinio

Gast

Re: [GELÖST] Gallery Modul, Problem mit eigenem Textfeld

gibt es denn ein template, welches dafür besser geeignet ist? ich hab bisher noch keines gefunden.

Auf Anhieb habe ich's mit Deinen Codes nicht hingekriegt. Bin da doch ein wenig zu knapp mit Programmierkenntnissen ausgestattet ;-)

Das Attribut desc = thumb.attr('alt'); gibt es in in meinem jquery.ae-gallery_new.js nicht. Deshalb habe ich angenommen dass ich desc = thumb.attr('longdesc'); ersetzen muss.

Das Resultat befriedigt aber auch nicht:
http://www.kunowenger.ch/index.php?mact … 56&page=56

nicmare

Server-Pate

Registriert: 15. Dezember 2010

Beiträge: 1.314

Webseite

Re: [GELÖST] Gallery Modul, Problem mit eigenem Textfeld

äh. das ist dann aber ne ganz andere datei?!
ich bin urspünglich von deiner funktionierenden beispielgalerie ausgegangen:
http://www.wengerarchitekten.ch/index.p … 5&page=205

---

Meine Projekte:
Dashcam-Test | Babyphone-Testberichte | Türspionkameras

qnolinio

Gast

Re: [GELÖST] Gallery Modul, Problem mit eigenem Textfeld

Meines Wissens habe ich nie eine andere Datei verwendet, da kann ich mich aber auch irren :-(
Allerdings finde ich in den Daten, wo ich die ersten Beispiele gepostet habe, keine Datei mit dem Attribut desc = thumb.attr('alt');.

Ich habe auf einen anderen Websapce gewechselt um eine bessere Übersicht über meine Tests zu haben. Auf dem 1. Webspace arbeiten noch andere Personen mit...

nicmare

Server-Pate

Registriert: 15. Dezember 2010

Beiträge: 1.314

Webseite

Re: [GELÖST] Gallery Modul, Problem mit eigenem Textfeld

dein erster link funzt halt nicht mehr sodass ich dir auch nicht mehr helfen kann

---

Meine Projekte:
Dashcam-Test | Babyphone-Testberichte | Türspionkameras

qnolinio

Gast

Re: [GELÖST] Gallery Modul, Problem mit eigenem Textfeld

ok, soll ich also das thema schliessen und ein neues eröffnen?

mike-r

arbeitet mit CMS/ms

Registriert: 21. Dezember 2010

Beiträge: 898

Webseite

Re: [GELÖST] Gallery Modul, Problem mit eigenem Textfeld

Wäre vielleicht ganz hilfreich, ich blick zumindest nicht ganz durch, was Du eigentlich erreichen willst, und was Dein Problem ist.

Wenn Du ein Extrafeld verwenden möchtest, dann solltest Du es auch als Extra "Templatieren" und nicht irgendwo in alt oder title packen.
Mehrere zielführende Tips hat Dir allerdings nicmare schon gegeben.

---

Unablässige Tools für's Webdevelopement/ Fehlerfindung: CSS Validierungsservice, Bildschirmlineal, Firebug, Tidy, Deutsche CSS-Referenz

qnolinio

Gast

Re: [GELÖST] Gallery Modul, Problem mit eigenem Textfeld

ich blick halt in der jquery.ae-gallery Datei nicht so durch und habe auch zu wenig programmierkenntnisse, ein Template selber zu schreiben.
Dass ich verschiedene Versionen der Gallery verlink habe war nicht gerade klever, dafür entschuldige ich mich.

Ich werde mein Problem nochmal ganz neu zusammenstellen und ein neues Theam eröffnen.
Sorry für die von mir gestiftete Verwirrung, gebe mir mühe, klarar zu werden.

Danke aber euch beiden für Euren raschen Support!!!