not a support question
Endnu et lille tip samlingen.
Som I ved, så gemmer WordPress billeder i fire størrelser: thumbnail, medium, large og full. Det er derfor oplagt at lade enten large eller medium være en størrelse, der passer til ens design og så lade full være en større udgave af billedet. Heldigvis linker WordPress automatisk til full size af ens billeder. Det gjorde det ikke før version 2.7. Der linkede den til samme størrelse og en eller anden mystisk grund. Hvad kan man bruge det til?
Personligt synes jeg så ikke at full skal være mere ens 800px i bredden, hvilket svarer til den fulde bredde på de fleste sider.
Men hvordan indikerer du så til brugeren, at billedet faktisk kan blæses op? Det er jo ikke sikkert, de opdager, at billedet faktisk er et link og det er lidt fjollet at skrive "Klik for fuld størrelse" eller lign. i enten alt-tekster eller captions på alle billeder.
Men hvad hvis musmarkøren blev til en lup over billederne? Det må kunne lade sig gøre med css. Og det kan det. Der findes nogle standard css markør-egenskaber, men ikke lup. Så fandt jeg denne side:
http://cowburn.info/2006/11/06/custom-cursors-in-css/
Med et link til et billede af en lup og den kode, der skal i style.css. Den ser således ud:
img.zoomable {
cursor: url(magnify.cur), pointer;
}
I mit design vil jeg kunne have effekten på billeder i mine indlæg, der har klassen .entry (Tema Kubrick). Det virkede ikke. Men med lidt research blev det til:
.entry img {
cursor: url(images/magnify.cur), url(http://www.puppetfestival.dk/wp-content/themes/puppetfestival.dk/images/magnify.cur), pointer; /*Makes a magnifying glass cursor in FF and IE. The full URI is for IE, default for FF.*/
}
Den første 'cursor: url(images/magnify.cur)' er til Firefox. Den anden er til IE. IE skal af uforklarlige årsager have den fulde sti. Det står der mere om her:
http://beradrian.wordpress.com/2008/01/08/cross-browser-custom-css-cursors/
Firefox skal også vide, hvad den skal bruge, hvis den nu ikke finder et billede og der har jeg valgt 'pointer', som er den almindelige link-hånd.
Som en sidste detalje installerede jeg slimbox, så billeder fik en lækker lightbox-effekt, når de blev åbnet i stor størrelse. Resultatet kan ses her:
http://www.puppetfestival.dk/thank-you-for-contacting-us/
Og virker på alle billeder i Indlæg og Sider, men ikke på f.eks. header og footer.
Normalt ville jeg ikke anbefale at ændre mus-markøren. Det er rigtig irriterende, men ingen regel uden undtagelser, og her synes jeg det gav god mening.
Meld tilbage, hvis du har spørgsmål eller kunne bruge mit tip til noget.