Att skapa en Photowall med flera olika stora bilder?

Permalänk
Medlem

Att skapa en Photowall med flera olika stora bilder?

Hej!

Jag har letat efter en mjukvara som kan sätta ihop en "photowall" av flera mindre bilder i olika format.

ex :

Men det verkar ganska svårt att hitta? Någon som känner till bra verktyg?

Visa signatur

CPU : AMD Ryzen 5 5600X Moderkort : ASUS ROG Strix B550-F GAMING Grafikkort :EVGA GeForce GTX 1080 Ti FTW3 iCX Gaming HDMI 3xDP 11GBMinne : Corsair 16GB Chassi :Fractal Design Define 7 Compact Nätdel : Corsair RM750x Skärm #1 : Asus VG349Q Ultrawide Skärm #2 : Acer X34 Ultrawide

Permalänk
Medlem

skapa en css klass med float: left
lägg in <div class="klassen"><img src="länk.jpg"></div> (repetera denna för varje bild)

Mycket svårare än så är det inte. Fanns du får givetvis lägga in alla länkar för hand då.
Letar du efter ett automatiskt verktyg?

Visa signatur

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Permalänk
Medlem

Jag söker alltså mjukvara som monterar ihop flera foto till en stor oavsätt storlek på de mindre fotona.

Det är inte HTML jag pratar om och tyvärr är det inte så lätt ihäller med HTML för det kommer troligen krävas att vissa bilder skalas om och att det tillkommer lite svart bakgrund på vissa för att bilda en rektangulär bild.

Tänk på att vissa foto är högre än andra.

Visa signatur

CPU : AMD Ryzen 5 5600X Moderkort : ASUS ROG Strix B550-F GAMING Grafikkort :EVGA GeForce GTX 1080 Ti FTW3 iCX Gaming HDMI 3xDP 11GBMinne : Corsair 16GB Chassi :Fractal Design Define 7 Compact Nätdel : Corsair RM750x Skärm #1 : Asus VG349Q Ultrawide Skärm #2 : Acer X34 Ultrawide

Permalänk
Medlem
Skrivet av SnowJim:

Jag söker alltså mjukvara som monterar ihop flera foto till en stor oavsätt storlek på de mindre fotona.

Det är inte HTML jag pratar om och tyvärr är det inte så lätt ihäller med HTML för det kommer troligen krävas att vissa bilder skalas om och att det tillkommer lite svart bakgrund på vissa för att bilda en rektangulär bild.

Tänk på att vissa foto är högre än andra.

Om du sätter en maxhöjd på dina images så kommer bredden anpassas efter den. Det är så lätt med HTML

Visa signatur

Kom-pa-TI-bilitet

Permalänk
Medlem

Jag hade också gjort det med CSS och möjligen jQuery om det behövs. Sedan hade jag tagit en printscreen och sparat ner som en bild.

Med HTML och CSS kan du förminska bilder + beskära automatiskt.

Visa signatur

Programmerare -> PHP | HTML | CSS | JS | Java.

Permalänk
Medlem

Ja jag får nog göra så.

Det jag sökte var ett program som försökte hålla orginal storleken på bilderna så gott som möjligt. Det hade bildat en mer oregelbunden look men jag får sätta samma höjd på alla bilder helt enkelt.

Tack för tipset!

Visa signatur

CPU : AMD Ryzen 5 5600X Moderkort : ASUS ROG Strix B550-F GAMING Grafikkort :EVGA GeForce GTX 1080 Ti FTW3 iCX Gaming HDMI 3xDP 11GBMinne : Corsair 16GB Chassi :Fractal Design Define 7 Compact Nätdel : Corsair RM750x Skärm #1 : Asus VG349Q Ultrawide Skärm #2 : Acer X34 Ultrawide

Permalänk
Entusiast
Skrivet av SnowJim:

Ja jag får nog göra så.

Det jag sökte var ett program som försökte hålla orginal storleken på bilderna så gott som möjligt. Det hade bildat en mer oregelbunden look men jag får sätta samma höjd på alla bilder helt enkelt.

Tack för tipset!

Jag slängde ihop en snabb template till dig på hur du åstadkommer det på lättast sätt. Det blir visserligen ingen rak kant på ena sidan, men detta är bara för att visa att det som andra säger stämmer, det är väldigt enkelt att göra en simpel version med CSS

http://blargmode.se/files/text/photowall.html (Har markerat det relevanta med kommentarer i koden, bara kolla sourcen)