få bildegalleri sortert horisontalt på siden

[Camoflash]

Jeg har et lite problem med scriptet mitt på bildegalleriet. Jeg vet liksom ikke hvordan jeg skal kunne få bildene ved siden av hverandre. Akkurat nå går de bare under hverandre vertikalt.

Lurer på om noen kan hjelpe.

 

Dette scriptet henter opp filer bilder fra en mappe og viser de. (Bruker også lightbox 2, hvis dere lurte; rel=\"lighitbox[roadtrip]\")

 

Her er koden:

 

<?php

$path = "gallery/thumb/pitstop/";

$path2 = "gallery/img/pitstop/";

$dir = opendir($path);

while ($file = readdir($dir));

$dir = opendir($path2);

while ($file = readdir($dir))

{

if (!strstr($file,".jpg")) continue;

echo "\n <p><a href=\"".$path2.$file."\" rel=\"lightbox[roadtrip]\">

<img border=\"1\" src=\"".$path.$file."\"></a></p>";

}

?>

 

du finner siden på: http://www.loud.no/loudsiden/index.php?side=pitstop

Endret 23. september 2007 av Camoflash

[Speedy610]

Jeg har et lite problem med scriptet mitt på bildegalleriet. Jeg vet liksom ikke hvordan jeg skal kunne få bildene ved siden av hverandre. Akkurat nå går de bare under hverandre vertikalt.

Lurer på om noen kan hjelpe.

 

Dette scriptet henter opp filer bilder fra en mappe og viser de. (Bruker også lightbox 2, hvis dere lurte; rel=\"lighitbox[roadtrip]\")

 

Her er koden:

 

<?php 

  $path = "gallery/thumb/pitstop/";

  $path2 = "gallery/img/pitstop/"; 

  $dir = opendir($path); 

  while ($file = readdir($dir));

  $dir = opendir($path2);

  while ($file = readdir($dir)) 

  { 

    if (!strstr($file,".jpg")) continue; 

    echo "\n    <p><a href=\"".$path2.$file."\" rel=\"lightbox[roadtrip]\">

    <img border=\"1\" src=\"".$path.$file."\"></a></p>"; 

  } 

?>

 

du finner siden på: http://www.loud.no/loudsiden/index.php?side=pitstop

9554918[/snapback]

 

 

Prøv dette med alle linkene :

<a  style="float:left;"href="gallery/img/pitstop/IMG_9956.jpg" rel="lightbox[roadtrip]">
<img border="1" style="float:left;" src="gallery/thumb/pitstop/IMG_9956.jpg"></a>

 

Se om det går ...NB ikkje bruk <p> </p> på bilder da vil de hoppe ned en linje får vær <p> du bruker.

 

og så bruke css instillingene i en egen fil og link fra index.php til den.

 

hehe bare et tips

 

Lykke til

[Camoflash]

Jeg har et lite problem med scriptet mitt på bildegalleriet. Jeg vet liksom ikke hvordan jeg skal kunne få bildene ved siden av hverandre. Akkurat nå går de bare under hverandre vertikalt.

Lurer på om noen kan hjelpe.

 

Dette scriptet henter opp filer bilder fra en mappe og viser de. (Bruker også lightbox 2, hvis dere lurte; rel=\"lighitbox[roadtrip]\")

 

Her er koden:

 

<?php 

  $path = "gallery/thumb/pitstop/";

  $path2 = "gallery/img/pitstop/"; 

  $dir = opendir($path); 

  while ($file = readdir($dir));

  $dir = opendir($path2);

  while ($file = readdir($dir)) 

  { 

    if (!strstr($file,".jpg")) continue; 

    echo "\n    <p><a href=\"".$path2.$file."\" rel=\"lightbox[roadtrip]\">

    <img border=\"1\" src=\"".$path.$file."\"></a></p>"; 

  } 

?>

 

du finner siden på: http://www.loud.no/loudsiden/index.php?side=pitstop

9554918[/snapback]

 

 

Prøv dette med alle linkene :

<a  style="float:left;"href="gallery/img/pitstop/IMG_9956.jpg" rel="lightbox[roadtrip]">
<img border="1" style="float:left;" src="gallery/thumb/pitstop/IMG_9956.jpg"></a>

 

Se om det går ...NB ikkje bruk <p> </p> på bilder da vil de hoppe ned en linje får vær <p> du bruker.

 

og så bruke css instillingene i en egen fil og link fra index.php til den.

 

hehe bare et tips

 

Lykke til

9556783[/snapback]

 

Takk for hjelpen, men vil helst ha det automatisk. Jeg har så mange bilder jeg skal vise at det tar år og dag å kode alle slik :/ .

 

Her er hele koden min:

 

CSS:

.thumbnail{

background-color: #ffffff;

border: 1px solid lightgrey;

float: left;

margin-right: 5px;

margin-bottom: 5px;}

 

PHP:

<div class="thumbnail">

 

<?php

$path = "gallery/thumb/pitstop/";

$path2 = "gallery/img/pitstop/";

$dir = opendir($path);

while ($file = readdir($dir));

$dir = opendir($path2);

while ($file = readdir($dir))

{

if (!strstr($file,".jpg")) continue;

echo "\n <p float=\"left\"><a href=\"".$path2.$file."\" rel=\"lightbox[roadtrip]\">

<img border=\"1\" src=\"".$path.$file."\"></a></p>";

}

?>

 

</div>

 

Har prøvd med og uten paragraf, men går ikke. Hva tror dere?