Re: [TYPO3-german] Bilgergalerie mit nur einem Thumbnail

[Webtech AG]

Kleine Ergänzung zum Code aus dem vorherigen Post. Damit der Title im A-Tag 
auch noch ausgegeben wird, sind die beiden Zeilen im vorherigen Typoscript-Code:

linkParams.ATagParams.dataWrap = class="lightbox" 
data-fancybox-group="lightbox{field:uid}"

mit der Zeile:

linkParams.ATagParams.dataWrap = class="lightbox" 
data-fancybox-group="lightbox{field:uid}" title="{file:current:description // 
file:current:title}"

zu ersetzen.

Beste Grüsse
Daniel
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Re: [TYPO3-german] Bilgergalerie mit nur einem Thumbnail

[Webtech AG]

Hallo Simon

Besten Dank für deinen Code! Damit habe ich nun einen Denkanstoss erhalten und 
eine Lösung finden können. Folgender Code macht nun das, was ich vorhatte. Er 
soll auch euch oder anderen weiterhelfen.


tt_content.gridelements_pi1.20.10.setup {
   2 < lib.gridelements.defaultGridSetup
   2 {
 wrap = |
 columns {
   0 < .default
 
   0.renderObj.20 = COA

   0.renderObj.20 {
 wrap = |

 #Ausgabe des 1. Bildes als Thumbnail
 10 = FILES
 10 {  
   references {

 table = tt_content
 fieldName = image
   }
   begin = 0
   maxItems = 1
   
   renderObj = IMAGE

   renderObj {
 file {
   #treatIdAsReference = 1
   width = 800
   height = 800m
   import.data = file:current:publicUrl
 }
 altText.data = file:current:alternative // file:current:title
 params = class="img-responsive"
 imageLinkWrap = 1
 imageLinkWrap {
   enable = 1
   JSwindow = 0
   directImageLink = 1
   linkParams.ATagParams.dataWrap = class="lightbox" 
data-fancybox-group="lightbox{field:uid}"
   width = 800
   height = 800m
 }
 stdWrap.dataWrap = |
   }
 }
 
 
 #Ausgabe aller übrigen Bilder als kleine 1x1-Thumbnails, damit kB reduziert wird

 20 = FILES
 20 {  
   references {

 table = tt_content
 fieldName = image
   }
   begin = 1
   
   renderObj = IMAGE

   renderObj {
 file {
   #treatIdAsReference = 1
   width = 1
   height = 1c
   import.data = file:current:publicUrl
 }
 altText.data = file:current:alternative // file:current:title
 params = class="img-responsive"
 imageLinkWrap = 1
 imageLinkWrap {
   enable = 1
   JSwindow = 0
   directImageLink = 1
   linkParams.ATagParams.dataWrap = class="lightbox" data-fancybox-group="lightbox{field:uid}"   
   width = 800

   height = 800m
 }
 stdWrap.dataWrap = |
   }
 }
 
  
 }  
   }

 }

Beste Grüsse
Daniel

___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Re: [TYPO3-german] Bilgergalerie mit nur einem Thumbnail

[Simon Würstle]

Ich geb dir mal meinen Code. Ich habe das ganze über ein eigenes Inhaltselement 
gemacht, welches über FLUID gerendert wird und das Feld tt_content.image 
verwendet:


### FLUID ###




{data.uid}






###TS ###


lib.imagegallery.previewimage = FILES
lib.imagegallery.previewimage {
references {
table = tt_content
fieldName = image
}
maxItems = 1

renderObj = IMAGE
renderObj {
file {
import.data = file:current:originalUid // 
file:current:uid
maxW = 377
maxH = 377
}
altText.data = file:current:alternative // file:current:title
}
}

lib.imagegallery.javascript = FILES
lib.imagegallery.javascript {
references {
table = tt_content
fieldName = image
}

renderObj = COA
renderObj {
stdWrap {
noTrimWrap = |{ | },| |*| |{ | },| |*| |{ | }|
innerWrap = href: '{TSFE:config|config|absRefPrefix}|', 
title : '{file:current:description // file:current:title}'
innerWrap.insertData = 1
htmlSpecialChars = 1
}

10 = IMG_RESOURCE
10 {
file {
import.data = file:current:originalUid // 
file:current:uid
maxW = 1024
maxH = 800
}
}
}
}
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Re: [TYPO3-german] Bilgergalerie mit nur einem Thumbnail

[Webtech AG]

Hallo Simon

Besten Dank für deine Antwort. Soviel ich verstehen kann, müsste ich in meinem 
Falle das Objekt FILE verwenden, damit maxItems=1 geht. Oder kann man dies auch 
mit file() anwenden? Habe es soeben erfolglos ausprobiert.

Wäre es möglich, wenn du mir deinen Typoscript code etwas ausführlicher angeben 
könntest? Dann komme ich eventuel alleine weiter.

Beste Grüsse
Daniel
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Re: [TYPO3-german] Bilgergalerie mit nur einem Thumbnail

[Webtech AG]

@Stefan

Ja mit optionSplit habe ich auch schon herumprobiert. Ich bin dann zum Schluss gekommen, weiss aber 
nicht ob das ganz korrekt ist, dass dies nur mit einem Inhaltselement vom Typ "Bild mit 
Text" geht. In meinem Fall "Nur Bilder" habe ich dies nicht zum Laufen gebracht.


@Nils

Danke für deinen Denkanstoss. Ich verstehe was du in der Theorie meinst, bei 
der Umsetzung sprich der Praxis hapert es bei mir. Wenn du mir konkreter sagen 
kannst wie ich dies in meinen Code einbauen kann, dann kannst du mir eventuell 
weiterhelfen.

Beste Grüsse
Daniel Kempf
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Re: [TYPO3-german] Bilgergalerie mit nur einem Thumbnail

[Simon Würstle]

Hab erst letzte Woche genau das gleiche umgesetzt.

Mein Ansatz:

1) nur das erste Bild ausgeben (beim FILES-Objekt geht das ja mit maxItems=1)

2) JS-Event bei Klick auf dieses Bild öffnet die Fancbox:
$('.gallery a').click(function(e) { 
$.fancybox.open({

 href: '/fileadmin/user_upload/bild1.jpg', title : 'Bild 1' }, { href: 
'/fileadmin/user_upload/bild2.jpg', title: 'Bild 2' }
});
});

3) Die href-Werte lass ich ebenfalls wieder über FILES + renderObj.IMG_RESOURCE 
reinlaufen

Reicht dir das als Ansatz?
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Re: [TYPO3-german] Bilgergalerie mit nur einem Thumbnail

[Nils Hodyas]

Hallo,

meines Wissens musst du dann für jedes einzelne Bild das definieren,

2.file {
width = 1
height = 1
}
3 < .2
4 < .2

usw.

oder du renderst sie gar nicht und lässt nur ihre Links da? *grübel*

Hdh!

Nils


Am 01.10.2014 um 15:40 schrieb Webtech AG:

Besten Dank Stefan für dein promptes Feedback.

Ich muss noch zusätzlich erwähnen, dass das nötige CSS bereits schon 
existiert. Siehe dazu p239549.typo3server.info/index.php?id=15


Es geht mir mehr darum, wie die Bilder, welche eben mit display:none; 
ausgeblendet werden, kleiner (1x1 Pixel) gerendert werden.


Beste Grüsse
Daniel
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german


--
Nils Hodyas - Webdesign von die Tante Jensen · Großherzog-Friedrich-Straße 117 
· 66121 Saarbrücken · (0681) 925 63 43 · 0160 318 183 7 · 
http://dietantejensen.de · DE 2757 96974 · Registergericht Saarbrücken

___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Re: [TYPO3-german] Bilgergalerie mit nur einem Thumbnail

[Stefan Padberg]

Am 01.10.2014 um 15:40 schrieb Webtech AG:

Besten Dank Stefan für dein promptes Feedback.

Ich muss noch zusätzlich erwähnen, dass das nötige CSS bereits schon
existiert. Siehe dazu p239549.typo3server.info/index.php?id=15

Es geht mir mehr darum, wie die Bilder, welche eben mit display:none;
ausgeblendet werden, kleiner (1x1 Pixel) gerendert werden.

Beste Grüsse
Daniel


Verstehe, Ladezeitoptimierung etc.

Hast du schon mal mit optionSplit rumprobiert? Ich könnte jetzt aber 
nicht auf Anhieb sagen, wie man den zusammenbaut.


Gruß
Stefan



--
Bergische Webschmiede
Typo3 Dienstleistungen
:: Dipl.-Ing. Stefan Padberg
:: www.bergische-webschmiede.de

---
Diese E-Mail ist frei von Viren und Malware, denn der avast! Antivirus Schutz 
ist aktiv.
http://www.avast.com

___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Re: [TYPO3-german] Bilgergalerie mit nur einem Thumbnail

[Webtech AG]

Besten Dank Stefan für dein promptes Feedback.

Ich muss noch zusätzlich erwähnen, dass das nötige CSS bereits schon existiert. 
Siehe dazu p239549.typo3server.info/index.php?id=15

Es geht mir mehr darum, wie die Bilder, welche eben mit display:none; 
ausgeblendet werden, kleiner (1x1 Pixel) gerendert werden.

Beste Grüsse
Daniel
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Re: [TYPO3-german] Bilgergalerie mit nur einem Thumbnail

[Stefan Padberg]

Wie wärs denn mit etwas CSS?

.one-thumbnail-gallery div:not(:first-child) img { display:none; }

Oder mit Javascript? Die Galerie wird doch eh auf Javasript aufsetzen, 
oder? Dann kannst du solche Feinheiten mit Javascript machen. Sorg halt 
per CSS dafür, dass die Leute ohne Javascript entweder eine brauchbare 
Meldung erhalten oder nur das erste Bild sehen, wenn das Layout nicht 
zerstört werden soll, oder alle Bilder sehen, wenn der Kunde dies so 
wünscht.


Gruß
Stefan



Am 01.10.2014 um 15:06 schrieb Webtech AG:

Ich bin daran mittels Inhaltselement "Nur Bilder", Extension
Gridelement, Typoscript und fancyBox2 eine Bildergalerie zu erstellen,
bei der nur das erste Bild als Thumbnail dargestellt wird. Das
funktioniert soweit auch zufriedenstellend. Hier der Typoscript-Code dazu:

tt_content.gridelements_pi1.20.10.setup {
1 < lib.gridelements.defaultGridSetup
1 {
  wrap = |
  columns {
0 < .default
0.renderObj.20.image.20.1 {
  file {
width >
width = 400
height >
height = 300c
  }
stdWrap.dataWrap = |
}
  }
}
  }

Nun versuche ich die erstellten Thumbnails noch etwas zu optimieren. Das
erste Thumbnail soll die Dimension wie angegeben erhalten (400x300
Pixel). Alle weiteren sollen nur 1x1 Pixel gross dargestellt werden,
damit die gesamte Byte-Grösse der aufgerufenen Seite reduziert wird.

Ich habe bereits schon versucht mit if und IMAGE_NUM_CURRENT eine
Bedingung zu erstellen. Schaffe es jedoch nicht, dass dann auch was
Brauchbares herauskommt. Kann mir jemand auf die Sprünge helfen oder
einen guten Tipp geben? Ich bin um jeden Hinweis dankbar.

Beste Grüsse
Daniel





--
Bergische Webschmiede
Typo3 Dienstleistungen
:: Dipl.-Ing. Stefan Padberg
:: www.bergische-webschmiede.de

---
Diese E-Mail ist frei von Viren und Malware, denn der avast! Antivirus Schutz 
ist aktiv.
http://www.avast.com

___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german