Page 1 of 1

Afbeeldingen verkleinen met een Content_image Block

Posted: Fri Sep 26, 2014 11:01 am
by 3dwebb
Ik gebruik in mijn hoofd template een Content Image block welke ik met CCS opmaak verklein tot een waarde. Nu wil ik graag dat het afbeeldingbestand ook verkleind wordt.

Ik gebruik Calguy Smart Image veel voor mijn nieuws template met een extra veld wat perfect werkt.

Ik krijg dit echter niet werkend in mijn hoofdtemplate in combinatie met mijn Content_image block.

Code: Select all

{content_image block='blokimage1' assign='blokimage1' dir='images' tab='Blokken'}
Iemand enig idee om dit opgelost te krijgen.

Re: Afbeeldingen verkleinen met een Content_image Block

Posted: Fri Sep 26, 2014 1:24 pm
by pasmaskas
Heb je een link naar een voorbeeld? mischien is het met css wel makelijk optelossen

Re: Afbeeldingen verkleinen met een Content_image Block

Posted: Fri Sep 26, 2014 1:32 pm
by Rolf
Misschien helpt het stukje "Checkbox watermark" je wat op de goede weg:
https://www.cmscanbesimple.org/blog/bui ... ade-simple

Re: Afbeeldingen verkleinen met een Content_image Block

Posted: Fri Sep 26, 2014 6:24 pm
by 3dwebb
pasmaskas wrote:Heb je een link naar een voorbeeld? mischien is het met css wel makelijk optelossen
Het verkleinen met CSS lukt wel, echter de .jpeg houdt wel zijn originele Kb grootte. Het gaat mij erom dat de afbeeldingen zo licht mogelijk geladen worden.

Re: Afbeeldingen verkleinen met een Content_image Block

Posted: Fri Sep 26, 2014 6:31 pm
by 3dwebb
Rolf wrote:Misschien helpt het stukje "Checkbox watermark" je wat op de goede weg:
https://www.cmscanbesimple.org/blog/bui ... ade-simple
Ja ik gebruik de onderstaande code voor mijn nieuwartikelen.

Code: Select all

{CGSmartImage src="`$entry->file_location`/`$entry->fields.foto->value`" width="200" filter_croptofit='200,200,c'}
Echter weet ik niet hoe ik een field moet maken in mijn hoofd template, gebruik ik een content_image block. Echter dit in combinatie met CGSmartimge werkt niet.

Code: Select all

{content_image block='blokimage1' assign='blokimage1' dir='images' tab='Blokken'}

{CGSmartImage src="`{$blokimage1}`" max_width="100" filter_croptofit='100,100,c'}