--- title: "Scrolla åt \"andra hållet\"?" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/177341-scrolla-åt-andra-hållet" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "tllt" published: "2009-03-08T00:30:27.000Z" updated: "2009-03-18T15:18:25.000Z" replies: 13 views: 902 page: 1 pages: 1 language: "sv-SE" site: "webForum — webforum.nu" rights: "Upphovsrätten till varje inlägg tillhör dess författare." attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/177341-scrolla-åt-andra-hållet" --- # Scrolla åt "andra hållet"? ## #1 — tllt, 2009-03-08T00:30Z Jag håller på med en liten hemsida till mina foton, och vill ha dem sida vid sida i en lång rad, alltså så att man måste scrolla (eller åtminstone trycka på pilen åt höger) åt sidan istället för neråt för att se bilderna. Men automatiskt hoppar bilderna ner, så det måste vara någon särskilt kod som gör att man får scrolla åt höger. Är det något ni har koll på? Är verkligen tacksam för svar! MVH T Permalänk: https://www.webforum.nu/p/177341 ## #2 — Melea, 2009-03-08T01:14Z Jag gjorde en sida för ett tag sedan som också var menat att ha horisontell scrollning. Det jag gjorde var att m.h.a. php loopa igenom alla bilder som skulle vara på en sida, och plussa ihop deras sammanlagda bredd och använda det värdet när jag satte width på body-taggen. Mig veterligen finns det inget annat sätt. Du kan ju testa att söka på "horizontal scrolling" på google och se om du hittar en bättre lösning. Permalänk: https://www.webforum.nu/p/2174386 ## #3 — tllt, 2009-03-08T01:26Z Tack så mycket! Det lät som om jag skulle kunna klara av att fixa det, är annars inte väldigt hemma på koderna. Var/hur skriver jag in witdh-koden i body? Permalänk: https://www.webforum.nu/p/2174387 ## #4 — Melea, 2009-03-08T10:12Z Såhär såg php-klassen ut som jag gjorde för att hämta bilderna och bredden på bilderna. ```php imgFolder = $imgFolder; } public function folderEntry() { $i = 0; while($folderEntry = $this->imgFolder->read()) { if ($folderEntry != '.' && $folderEntry != '..') { $imageArray[$i] = $folderEntry; $i++; } } return $imageArray; } public function getNbrOfPhotos() { return count($this->folderEntry()); } public function getImageSize() { $imageSize = 0; foreach ($this->folderEntry() as $value) { list($width) = getimagesize($this->imgFolder.$value); $imageSize += $width; } return $imageSize; } public function printPhoto() { if ($this->getNbrOfPhotos() > 0) { foreach ($this->folderEntry() as $value) { echo ''; } } else { echo 'No photographs in this folder.'; } } } ?> ``` Sen anropar jag den i photo.php ```php title.se getImageSize() > 0) { // $photo->getNbrOfPhotos*20 är paddingen mellan bilderna echo ''; } else { echo ''; } // skriver ut fotografierna $photo->printPhoto(); ?> ``` Permalänk: https://www.webforum.nu/p/2174396 ## #5 — tllt, 2009-03-08T10:17Z oj, herregud, det där var nog för svårt för mig! :P men tack ändå! Permalänk: https://www.webforum.nu/p/2174397 ## #6 — jawbreaker, 2009-03-08T10:37Z Det är inte säkert att du måste sätta någon bredd alls egentligen, det finns väl lite olika lösningsvarianter. Testa nedanstående, det kanske räcker? ``` Mitt galleri

Mitt galleri

``` Permalänk: https://www.webforum.nu/p/2174399 ## #7 — Mr T, 2009-03-08T10:39Z Gör en tabel runt bilderna bara ! ```
bild 1
bildtext		 bild 2
bildtext		 bild 3
bildtext
``` Vill du ha mellanrumm mellan bilderna sätter du en bredd på td-taggen. Vill du ha utrymme ovan och under bilden kan du sätta en höjd. Du kan också ställa in just "luft" runt bilderna. Tabel taggen är väl dokumenterad så du kommer lätt att hitta information om allt du vill göra. Permalänk: https://www.webforum.nu/p/2174400 ## #8 — tllt, 2009-03-08T10:55Z tack så mycket allihop, jag löste det genom en "div" där jag kunde skriva in bredden! :-) Permalänk: https://www.webforum.nu/p/2174401 ## #9 — Mr T, 2009-03-08T11:44Z En fråga bildades bland dom grå när jag funderade på ditt problem. Fungerar ankare-länkar även sidledes ? (Det borde göra det, men jag har aldrig provat) Vore ju snyggt om man kunde hoppa direkt till en bild eller stega sig fram till nästa. (Bara nyfiken och frågvis) Permalänk: https://www.webforum.nu/p/2174403 ## #10 — tllt, 2009-03-08T12:14Z Resultatet har vi här! :D Permalänk: https://www.webforum.nu/p/2174405 ## #11 — Mr T, 2009-03-08T12:54Z Snygga bilder !! Permalänk: https://www.webforum.nu/p/2174409 ## #12 — rakatoner, 2009-03-18T09:22Z Nu har du löst scrolla till höger men en enkel variant är denna kod : \ \\ \ \ \ \\\\ \ \ \ \
Tycker oxå du har jättefina bilder men lite väl tom första sida... Permalänk: https://www.webforum.nu/p/2175674 ## #13 — Danne V, 2009-03-18T10:24Z > **[tllt skrev:](https://www.webforum.nu/p/1459190)** > > Jag håller på med en liten hemsida till mina foton, och vill ha dem sida vid sida i en lång rad, alltså så att man måste scrolla (eller åtminstone trycka på pilen åt höger) åt sidan istället för neråt för att se bilderna. Men automatiskt hoppar bilderna ner, så det måste vara någon särskilt kod som gör att man får scrolla åt höger. Är det något ni har koll på? > > Är verkligen tacksam för svar! MVH T Enklast (men utan finesser): Lägg dom helt enkelt i en tabell med en enda rad: ```
Bild 1Bild 2Bild 3Bild 4Bild 5
``` Permalänk: https://www.webforum.nu/p/2175687 ## #14 — xtreme, 2009-03-18T15:18Z PhotoShop har ett enkelt sätt att göra detta (och massa andra former av fotoalbum på webben), även så att det blir miniatyrbilder som förstoras när man klickar på dem. Bara att välja en katalog med bilderna och form av album, sedan är det klart ;) Dock blir det säkert mycket skräpkod. Permalänk: https://www.webforum.nu/p/2175709 --- Tråden på webben: https://www.webforum.nu/amne/html-css/177341-scrolla-åt-andra-hållet