htmlkod tumblr

[labb]

Någon som vet hur man gör så att två olika bilder växlar att visas när man klickar på bilden?

Det borde vara enkelt att åstadkomma, men håller på att bli galen på detta ... hittar inget på internet och jag hatar programmering och i synnerhet html och liknande.

 

[Dresden]

Nu är jag inte så hemma på Tumblr, men koden för att växla bilder när man klickar på dem är :active (eller :hover om du föredrar att bilden växlar när man håller musen över)
Det här är alltså koden man lägger i css-filen och som syftar på en bild med mitt påhittade id#minbild. Byt till din egen bilds id och lägg till height och width efter behov.

Först den vanliga bilden:

#minbild {
background-image: url(bildadress);
}

Sen bilden som visas när man klickar

#minbild:active {
background-image: url(bildadress);
}

 

[labb]

Nu är jag inte så hemma på Tumblr, men koden för att växla bilder när man klickar på dem är :active (eller :hover om du föredrar att bilden växlar när man håller musen över)
Det här är alltså koden man lägger i css-filen och som syftar på en bild med mitt påhittade id#minbild. Byt till din egen bilds id och lägg till height och width efter behov.

Först den vanliga bilden:

#minbild {
background-image: url(bildadress);
}

Sen bilden som visas när man klickar

#minbild:active {
background-image: url(bildadress);
}

Jag fick det till att funka (nästan för helst hade jag velat att bilderna växlade vid klick så att man kan klicka flera gånger)

 

[Andromedae]

Stöder tumblr javascript? För i sådana fall kan du lösa det på så sätt.

 

[labb]

Stöder tumblr javascript? För i sådana fall kan du lösa det på så sätt.

Jag tror det men det hjälper mig inte, java är verkligen inte något för mig. För att jag skall klara det måste jag hitta ett färdigt exempel som jag kopierar och bara byter ut länkadresser och kanske bredd och så även om det också brukar ställa till problem.

Men jag har fått det att fungera med att bilden byts när pekaren är över och sedan byts tillbaka när pekaren flyttas ut. Så det löste sig

 

[Andromedae]

@AndersB Java och javascript är två olika programspråk Men skönt att det löste sig!

 

[labb]

@AndersB Java och javascript är två olika programspråk Men skönt att det löste sig!

Haha, där ser man, ett tydligt exempel på hur krångligt det är.