Hej kära Dupalvänner.
Jag och min kollega är i behovet av en spark framåt i ett projekt åt en förskola.
Vi försöker tema flera bilder från samma fält. Alltså vi har ett fält som har multiupload för att lägga till max 4 bilder. Dessa bilder vill vi sedan tema (styla kanske det heter) så att första bilden hamnar överst till höger (float med texten) andra bilden lite längre ner och till vänster, tredje bilden längre ner och till höger och sista bilden längre ner och till vänster. Men hur får man varje bild från samma fält att ha en egen klass? Eller andra tips på hur detta kan göras?
Efter att ha googlat i flertalet timmar och läst om både moduler och js tillägg så finns det ett par sätt att göra det på.
Det ena är att använda display suites men då får man skapa ytterliggare ett fält för att få en del av bilderna att hamna i t.ex. höger spalt, en del i vänster spalt. Inte användarvänligt och dessutom lyckades vi inte få det att se snyggt ut på sidan (texten blev inte float runt bilderna m.m.)
Ett annat sätt var att skapa fyra bildfält där användaren lägger till max en bild per fält och då skapas en klass för varje bildfält som vi då lägger css på att synas på rätt ställe. Funkar hyfsat men fortfarande inte så enkelt så att det fungerar för personalen och rektorn på förskolan.
Nu står vi lite på två vingliga stolar för att försöka ta oss över nästa tröskel i Drupal och hade behövt en vänlig och hjälpande hand som kan ge oss en hint åt rätt håll för att hitta den stabila stegen.
Alla tips tas emot så även om du känner att du är som vi lite nybörjare så kan vi alltid bolla idéer och kanske hitta lösningen tillsammans.
Stort tack på förhand
Tobias och Per
Comments
Ibland så ångrar man sina inlägg
Jepp, jag är en newbie, noob eller vad det mer kallas.
Men ibland så lär man sig bäst av sina egna misstag. Det gick sjuukt mycket lättare när vi kom på det rätta sökordet. På en sökning så upptäckte vi frjo's magiska screencast om colorbox och vips så var allt löst PRECIS så som vi ville ha det.
Stort tack frjo
Och om någon mot förmodan i framtiden letar efter samma problem så kommer här länken till den magiskt bra screencasten.
http://vimeo.com/19386122
Bilder infogade i Body-fältet och responsivitet
Jag har försökt uppnå samma sak. Jag har tidigare använt mig av just insert vilket funkar kanon!... Så länge man inte vill bygga responsivt. Nuförtiden vill ju nästan alla ha sajter ser bra ut även i mobilen. Det löser man ju fint med lite anpassad kod i temat samt css som anpassar bildens storlek efter skärmens bredd. Men detta funkar bara om man matar ut bilden direkt från fil-fältet. När bilden är infogad i bodyfältet har iallafall inte jag fått till någon snygg lösning för att få bilderna att funka responsivt. Eller går det att ställa in i insert att alla bilder som infogas ska få en viss css-class?
Så löste vi det
Hej Fredde,
Att använda insert funkade bra för oss då vi redan innan satt en max-width på img så det blev så här:
.page-node #content-wrap img {
border: 1px solid #cccccc;
height: auto !important;
margin: 0.5em 1em 0.5em 0;
max-width: 90.4%;
padding: 6px;
kanske funkar för dig med? :)
Det borde ju funka! Går det
Det borde ju funka! Går det att styra detta till att det bara slår på bilder i exempelvis nodtypen article?
Jag tror att på den sajten jag jobbar med just nu är nog problemet att slutanvändaren, som ändå kört liknande drupaluppsättning förut, inte grejar det där med att höger eller vänsterjustera bilden. Den bara infogas och sen får det vara bra!
Så helst skulle jag vilja få till det du var ute efter först. Att få bilden (oftast handlar det bara om en bild) flytande med texten i artikeln utan att behöva använda insert. Jag har provat detta genom att lägga en CSS-class med float: left; på bildfältet. Funkade fin så länge det bara låg en artikel i flödet. Men när jag lade en andra artikel så flöt de ihop. Bilden från den andra artikeln lade sig under bilden i den första artikeln.
Det borde absolut funka, med rätt kunskap
Det finns inget sätt att separera bildfälten i CSS?
För jag är helt och hållet med på din önskan att få det att fungera så enkelt och smidigt som möjligt. Tyvärr är det över min kunskapsnivå. Kanske något min kollega Per kan bidra med. Ska kolla med honom.
Men om man ser framåt och tittar på D8 så ser de ut att ha löst det där. Man kansk kan smygtitta lite på kodning och lösningar från D8 och få inspiration till "vårt" problem?