losse foto uploaden in de news module

[pasmaskas]

Beste CMSMS leden,

Is het mogelijk om naast dat je je nieuws samenvatting typt ook een plaatje kan uploaden en dan als je de samenvatting ziet op de website je netjes een klein plaatje er bij ziet? Nu doe ik het via css en lat ze het plaatje in de samenvatting zetten. Daarna klikken zij op het plaatje en geven ze hem een stijl in tinymce die het plaatje dwingt links of rechts te gaan staan in een style die bij de website past. Ik denk dat dit wel anders moet kunnen toch?

Nu heb ik even hier gekeken http://www.i-do-this.com/blog/21/Create ... cle-plugin daar zag iets iets met Supersizer plugin. Is dit makkelijk in te bouwen? hoe werkt het precies ik heb wat zitten google maar vind niets bruikbaars.

Hier zie je een voorbeeld met wat ik bedoel maar dit is dan via css aangegeven:

http://spartaantjes.nl/index.php?page=activiteiten

Het staat dan ook in de zelfde lijn als de tekst maar je ken hem dan niet helemaal links zetten en alleen tekst rechts.

Ik denk zelf dat het heel simpel is als je het weet alleen ik kom er niet uit.

Ik hoop dat iemand mij kan helpen.

Gr Pascal

[Jos]

Supersizer was een fantastische plugin, maar heeft helaas al lange tijd geen aandacht van de ontwikkelaar meer gehad.
In plaats daarvan kun je CGSmartImage gebruiken

Zelf heb ik het in combinatie met News toegepast door een extra bestandsveld aan te maken waar gebruikers een foto kunnen uploaden.
In de samenvattingsweergave geef ik die foto dmv CGSmartImage klein weer. En in de detailweergave gebruik ik CGSmartImage om de foto groter te tonen.

De help bij CGSmartImage is zeer uitgebreid. Alle parameters worden daar uitgelegd met hier en daar een voorbeeld.

[pasmaskas]

Thnx jos!

Ik ga is even kijken of ik eruit kom.

hoe maak je een extra upload velt aan voor ene plaatje in de nieuwsmodule?

[Jos]

Een upload veld kun je aanmaken in het tabblad "Velddefinities"

Hier een voorbeeld van een tag voor een verkleinde foto in een samenvattingssjabloon:

Code: Select all

{CGSmartImage src1=$entry->file_location src2=$entry->fieldsbyname.Foto->value filter_croptofit='100,80' alt=$entry->title|cms_escape:htmlall}

[pasmaskas]

Ahaa ik zie het al als ik ene Velddefinities aanmaak als upload vna bestanden. dan plaatst hij automatisch het plaatje in de samenvatting template. en de CGSmartimage zorg er voor dat hij verkleint word naar het formaat wat je opgeeft klopt dan? Moet ik de voorbeeld CGSmartimage tech die je laat zien in mijn samenvattings sjabloon zetten?

[IrisSaxo]

Hier een voorbeeld van een tag voor een verkleinde foto in een samenvattingssjabloon:

Code: Select all

{CGSmartImage src1=$entry->file_location src2=$entry->fieldsbyname.Foto->value filter_croptofit='100,80' alt=$entry->title|cms_escape:htmlall}

Waar moet ik deze tag zetten? Binnen in de loop van mijn nieuwscode?

Code: Select all

{foreach from=$items item=entry}
<div class="NewsSummary"  STYLE="border: solid 1px #039A9A; padding: 6px;">
<div class="NewsSummaryLink"> 
{$entry->postdate|cms_date_format} {" - "}  
<a href="{$entry->moreurl}" title="{$entry->title|escape:htmlall}">{$entry->title|escape}</a> </div>


{if isset($entry->extra)}
    <div class="NewsSummaryExtra">
        {eval var=$entry->extra}
	{* {cms_module module='Uploads' mode='simpleurl' upload_id=$entry->extravalue} *}
    </div>
{/if}
{if isset($entry->fields)}
  {foreach from=$entry->fields item='field'}
     <div class="NewsSummaryField">
        {if $field->type == 'file'}
          <img src="{$entry->file_location}/{$field->value}"/>
        {else}
          {$field->name}:&nbsp;{eval var=$field->value}
        {/if}
     </div>

</div>
  {/foreach}
{/if}

</div>
{/foreach}
</div>

[pasmaskas]

Dat vraag ik mij ook af mij lukt het in ieder geval niet.

Ik heb nu 2 Velddefinities aangemaakt

Foto (bestands upload)
Auteur (textinvoer)

Nu gebruik ik voor het tekst vak:

Code: Select all

{$entry->Auteur}

Zo laat hij de tekst zien die ik ingevoerd heb bij Auteur

En voor de foto:

Code: Select all

{if isset($entry->fields)}
  {foreach from=$entry->fields item='field'}
        {if $field->type == 'file'}
     <div class="imgbox">
          <img src="{$entry->file_location}/{$field->value}" alt="{$entry->title|cms_escape:htmlall}"/>
     </div>
        {/if}
  {/foreach}
{/if}

Bij het foto gedeelte heb ik een hoop zitten schuiven met de regels om er voor te zorgen dat hij maar 1x een "imgbox" weergeeft in plaats van 2. Nu weet ik niet of dit zo goed is maar zo werkt het in ieder geval voor 1 plaatje. als ik er nog 1 bij maak zet hij die er nu niet bij omdat ik die regel heb weg gehaald want hij zet hem er achter maar ik wil die juist elders kunnen plaatsen.

Graag zou ik willen weten hoe ik het specifiek voor die Velddefinitie foto een regel maak die dan alleen reageert op die Velddefinitie en niet verder kijkt of er nog meer zijn en dan stopt met kijken. Zo kan ik elders ook nog is een plaatje plaatsen. Met de tekstinvoer Velddefinitie weet ik het nu gelukkig maar zou graag het zelfde met de plaatje invoer willen. ZO kan ik i het artikel zelf ook ene extra plaatje ergens vast zetten en dan hoeven ze alleen maar een plaatje te uploaden en klaar.

[velden]

Iets andere aanpak dan Jos' voorbeeld m.b.t. het src attribuut maar dit werkt ook.

Code: Select all

{if isset($entry->fields)}
  {if !empty($entry->fields.foto->value)}

{CGSmartImage src="`$entry->file_location`/`$entry->fields.foto->value`" filter_resize='w,224' width='224' style='margin-left : -25px;'}


  {/if}
{/if}

Checkt eerst of er wel een extra veld bestaat, vervolgens of dat veld niet leeg is en vervolgens via CGSmartImage wordt het weergegeven.

Het veld heet in mijn geval 'foto' en bedenk dat het HoofdLetterGevoelig is.

Let op dat de quotes in src="`$entry..." backticks zijn en GEEN single quotes.
Jos' voorbeeld is wat dat betreft duidelijker met src1 en src2. Wist ik dan weer niet.

Probeer verder te begrijpen wat er gebeurt in het template. Dan zou je dit namelijk zelf ook kunnen verzinnen en naar je eigen inzicht aanpassen.