hvordan thumbs

Tags:    html css

hej jeg vil gerne havde nogle billeder på min hjemmside men det skulle gerne være sådan at der er oversigt med småbilleder og så kan man klikke på dem og så bliver de større eller kommer frem i et nyt windue.

nu har jeg lavet det meste af siden i html og css så hvis det kan holde sig inden for det vil jeg blive glad hvis ikke så er jeg ved at lærere php så det ville være et alternativ.

jeg kunne godt tænke mig nogle eksempler på det. det behøver ikke være færdige eksempler bare nogen der viser hvad i mener kay.

mange tak på forhånd



5 svar postet i denne tråd vises herunder
4 indlæg har modtaget i alt 6 karma
Sorter efter stemmer Sorter efter dato
thumbs skal du ikke tænke på, men hvis du redigere dine billeder skal du sørge for i kanvassizi på dine billeder har et fast mål f.eks 420*350 pixes
nu skiver du så i din html
<table><tr>
<td><a href="url.image1.jpg" width="420" height="350" target="_blank><img src="url.image1.jpg" width="84" height="90" /></a></td>
<td><a href="url.image2.jpg osv.
</tr></table>
browseren klare det med at putte billedet i den størrelse som du definerer, så det er altså det samme billede som vises i lille og stort format, jeg har sat det lille format til 84*90, men du kan vælge et hvilket som helst format bare propertionerne passer.
imagesize ligger indenfor kanvassize du kan derfor have billeder med forskellige propertioner, kanvas bliver bare fyldt ud med en baggrundsfarve, men da vi her arbejder med absolutte størrelser er vi nød til at have ensartede kanvaspropertioner, ellers bliver billederne trukket skævt. hvis billederne (image) ligger i samme mappe som html dokumentet, kan du droppe url(stivej).
husk target="_blank", det betyder at der bliver åbnet en ny ramme oven i den du er i, og du kan bare klikke det store billede væk igen.



man skal aldrig benytte faste rammer til billeder... så er de langt fra weboptimerede...

Nils.. eksempelvis har du thumbnails der fylder 88KB... det er ikke optimalt..

Hvis dit webhotel understøtter .Net har jeg lavet et admin script, hvor du kan uploade billeder... når billedet er uploadet gemmer den en stor version og en lille... det benyttes til www.modeltypes.dk jeg kan pm login hvis du vil se det.. det kan du så bare køre i en iframe eller et eller andet..

Med venlig hilsen
/Jokke Jensen
www.jj-multimediedesign.dk



Prøv at bruge dette program, der vælger du bare billederne,og så laver programmet dem til thump's og laver html koden til visning, den perfekte løsning for de dovne --> http://www.digitaldutch.com/arles/

Glad for flash...? Så tjek lige Flash gruppen, her på udvikleren ---> http://www.flash.udvikleren.dk



[Redigeret d. 13/09-03 15:13:31 af Jan L]



hej jeg vil gerne havde nogle billeder på min hjemmside men det skulle gerne være sådan at der er oversigt med småbilleder og så kan man klikke på dem og så bliver de større eller kommer frem i et nyt windue.

nu har jeg lavet det meste af siden i html og css så hvis det kan holde sig inden for det vil jeg blive glad hvis ikke så er jeg ved at lærere php så det ville være et alternativ.

jeg kunne godt tænke mig nogle eksempler på det. det behøver ikke være færdige eksempler bare nogen der viser hvad i mener kay.

mange tak på forhånd


Hvis du godt kan lide php
så er det vist nok en funktion der hedder

imagecreatefromjpeg()

Her kan du så lave en math funktion som scaler dit billede automatisk så du bare f.eks
skal uploade det til en mappe eller Sql.

Måske ligger der også et imagekomponent på den server du har din side på.
Prøv også at undersøge det. For så er det rimlig simplet at lave dette..

Det kunne f.eks være scaleimage("mitjpg.jpg",50,50)
eller noget i den stil.

Og nogle gange kan din udbyder også have et lille hjælpe script til hvordan man så bruger dette.

Held og lykke



Vi lever for at kode



thumbs skal du ikke tænke på, men hvis du redigere dine billeder skal du sørge for i kanvassizi på dine billeder har et fast mål f.eks 420*350 pixes
nu skiver du så i din html
<table><tr>
<td><a href="url.image1.jpg" width="420" height="350" target="_blank><img src="url.image1.jpg" width="84" height="70" /></a></td>
<td><a href="url.image2.jpg osv.
</tr></table>
browseren klare det med at putte billedet i den størrelse som du definerer, så det er altså det samme billede som vises i lille og stort format, jeg har sat det lille format til 84*90, men du kan vælge et hvilket som helst format bare propertionerne passer.
imagesize ligger indenfor kanvassize du kan derfor have billeder med forskellige propertioner, kanvas bliver bare fyldt ud med en baggrundsfarve, men da vi her arbejder med absolutte størrelser er vi nød til at have ensartede kanvaspropertioner, ellers bliver billederne trukket skævt. hvis billederne (image) ligger i samme mappe som html dokumentet, kan du droppe url(stivej).
husk target="_blank", det betyder at der bliver åbnet en ny ramme oven i den du er i, og du kan bare klikke det store billede væk igen.

java.jar.jar.jar
ups - jeg må lige origere der skal ikke være størelses angivelse på linket jeg tager det lige igen og uden url, så put image i samme mappe som html filen.
<tabel><tr>
<td><a href="image1.jpg"><img src="image1.jpg" width="84" heigth="70" /></a></td>
du kan se det på min side www.nighwa.dk/kunst/kunst.htm



t