Zum Inhalt springen

Click-enlarge mit Lupe

Erstellt am 31. Juli 2004 · 15 Antworten · letzte Antwort am 19. Mai 2006

Tags: Frage

hardcoder ·

Hallo,

das Vergrößern von Bildern durch deren anklicken ist ja problemlos - jedoch benötige ich unterhalb des Thumbs (oder innerhalb der Bildunterschrift) eine Grafik (Lupensymbol) das zum jeweiligen Bild ebenso die Vergrößerung liefert.

Gibts einen guten Tipp (ausser "Suche" - typo3.org und google)?

vielen Dank im Voraus

Jörg

hardcoder ·

Danke, das war schonmal ein 1. Schritt ...aber wie bekomme ich die Lupe dazu anklickbar zu sein damit die das vergrösserte Bild anzeigt?

Schmoozer ·

Du könntest schauen, wie das Bild verlinkt ist (entweder auch im typo-object browser oder im Frontend, rechte Maustaste, linkadresse kopieren) und dann die Lupe damit wrappen.

hardcoder ·

hmmmm...

also die Lupe soll natürlich immer nur dann erscheinen, wenn der Haken "Click enlarge" gesetzt ist. Ausserdem soll die Lupe immer dann wenn ein Bild zum Vergrössern definiert wurde genau dieses vergrössern. Habe ich mehrere vergrösserbare Bilder auf einer Seite so habe ich entsprechend viele Lupen - für jedes Bild eines.

tt_content.textpic.20.captionSplit.stdWrap.wrap =<table width="100%" cellspacing="0" cellpadding="0" border="0"><tr><td >|</td><td align="right" valign="top" style="padding-top:6px;"><img src="./fileadmin/grafix/Q-21/lupe.gif"></td></tr></table>

versieht nun JEDES Bild mit einer Lupe im Bildunterschriftenbereich - auch Bilder die nicht vergrösserbar sein sollen. Natürlich noch ohne Popup-funktion!

Was ich bräuchte wäre sowas (sinngemäß):

tt_content.textpic.20.captionSplit.stdWrap = COA
tt_content.textpic.20.captionSplit.stdWrap{

 10=HTML
 10.value=<table width="100%" cellspacing="0" cellpadding="0" border="0"><tr><td>

 20=TEXT
 20.field=imagecaption

 30=HTML
 30.value=</td><td>

 40=HTML
 40.if.isFalse = 0
 40.field=image_zoom
 40.value=<a href="irgendwie zugehöriges Bild popuppen"><img src="./fileadmin/grafix/lupe.gif" border"0"><a>

 50=HTML
 50.value=</td></tr></table>
}

irgendwie so ...aber wie???? oder bin ich da total daneben?

hardcoder ·

man tastet sich so ran aber ich raff des net :-(

bis hier hin hab ich schonmal die lupe in der Bildunterschrift und es geht auch ein popup auf .... jedoch immer nur die Lupe selbst ist darin zu sehen *grrrrrrrr*

tt_content.textpic.20.captionSplit.cObject >
tt_content.textpic.20.captionSplit.cObject = COA
tt_content.textpic.20.captionSplit.cObject{

#wrap=<table><tr>|</tr></table>

10 = TEXT
10.field = imagecaption
#10.wrap=<td>|</td>

20 = IMAGE
20{
 file =  fileadmin/grafix/lupe.gif
 imageLinkWrap = 1
 imageLinkWrap{
 enable.field = image_zoom
 enable.ifEmpty.field = image_link
 typolink.parameter.field = image_link # <----- hier müsste ich irgendwie sagen wo das aufzupoppende bild ist (wenn ich da "image" eintrage zeigt mir freund TYPO zwar den Namen der Ursprungsgrafik in der Statuszeile des Browsers aber ohne Pfad :-()
 enable = 1
 JSwindow = 1
 JSwindow.newWindow = 1
 JSwindow.expand = 0,0
 bodyTag = <BODY bgColor=white>
 wrap = <A href="javascript:close();"> | </A>
}
# wrap =<td>|</td>
 }
}

wenn ich die auskommentierten zeilen wieder aktiviere werden die Tags (table etc...) "gerendert" also deren Entinitäten gewandelt sodaß sie dann natürlich nicht als HTML interpretiert werden ... aber ejal ... viel wichtiger wäre es zu erfahren wie ich mit immer der gleichen "Lupen"-grafik immer ein inhaltlich anderes Popup bekomme ----- woher weiss das Thumb wo sein grosser bruder ist und wie der heisst ...hilfeeeeeeeee

hardcoder ·

*lol* ... mir ist gerade aufgefallen das ich heute 1 Jahr hier im Forum "lebe" :-) ich geb ne (virtuelle) Runde *prost*

hardcoder ·

ok ... hab jetzt 3 Tage rumgepfuscht ohne n ergebnis :-(

Typo3 kann das also nicht oder niemand weiss wie es geht deswegen versuche ich jetzt so:

tt_content.textpic.20.1.file = GIFBUILDER
tt_content.textpic.20.1.file{
    quality = 100 
    format = jpg
    XY = [5.w],[5.h]
    offset=[5.w]-16,[5.h]-16
    5 = IMAGE
    5.file{
      width.field = imagewidth
      import.current = 1
    }
    5.mask = fileadmin/grafix/Q-21/lupe.gif
  }

eine Lupe in das bild einzurechnen.

Ergebnis:

Weisses Bild mit Lupe unten rechts. Klick vergrössern geht nicht :-(

Muss ich nu ne Extension schreiben oder was läuft hier nicht richtig?

INstalltool:

ImageMagick enabled: 1
ImageMagick path: /usr/bin/ (5.5.7)
ImageMagick path/LZW: /usr/bin/ (5.5.7)
Version 5 flag: 1

GDLib enabled: 1
GDLib using PNG: 1
GDLib 2 enabled: 0
IM5 effects enabled: 0 (Blurring/Sharpening with IM 5+)
Freetype DPI: 96 (Should be 96 for Freetype 2)
Mask invert: 1 (Should be set for some IM versions approx. 5.4+)

File Formats: gif,jpg,jpeg,tif,bmp,pcx,tga,png,pdf,ai

Mit Mask invert: 0 keine sichtbare Veränderung.

Hoffe es gibt hierzu nen guten Tipp

Jörg

chrschroedi ·

Folgendes in das setup schreiben:

tt_content.image.20.1{
   stdWrap.append = TEXT
   stdWrap.append {
   value = <img src="fileadmin/bilder/lupe.png" title="klicken Sie auf das Bild für eine Großansicht" align="right" alt="Lupe" width="16" height="16" />
   if.isTrue.field = image_zoom 
   }
}

Dann hat man eine Lupe. Ist zwar dann immer noch nicht verlinkt, aber immerhin schon mal was.