[Løst] imgPreview i jQuery. Problemer

NatuRal3 · 22. april 2013

Hei. Jeg spurte her om dagen på cafen om noen av dere kunne hjelpe meg med bilde forstørring ved mouse hover.

Fikk raskt svar med at jeg kunne bruke denne siden.

Jeg har aldri brukt jQuery. Og er veldig ny i HTML verden. Så kan noen her si hvor jeg skal legge inn denne koden?

$('ul#first a').imgPreview();

Dette er et eksempel på hvordan jeg skal ha det. Skal selvfølgelig ikke lage en side om katter. :green:

<!DOCTYPE html>
<html>
<head>
 <link type="text/css" rel="stylesheet" href="stylesheet.css" />
 <title>Galleri</title>

<script type="text/javascript" src="https:////ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js">  
	</script>
<script type="text/javascript" src="http:////ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js">
	</script>

</head>
<body>
<center>
 <table>

 <thead><th colspan="3">Kittens</th></thead>
	<tr>
		<td><img src="http://thumbs.wallbase.cc/rozne/thumb-751653.jpg"></img></td>
		<td><img src="http://thumbs.wallbase.cc/rozne/thumb-692382.jpg"></img></td>
		<td><img src="http://thumbs.wallbase.cc/rozne/thumb-827046.jpg"></img></td>
	</tr>
	<tr>
		<td><img src="http://thumbs.wallbase.cc/rozne/thumb-82697.jpg"></img></td>
		<td><img src="http://thumbs.wallbase.cc/rozne/thumb-753974.jpg"></img></td>
		<td><img src="http://thumbs.wallbase.cc/rozne/thumb-108788.jpg"></img></td>
	</tr>
	<tr>
		<td><img src="http://thumbs.wallbase.cc/rozne/thumb-161114.jpg"></td>
		<td><img src="http://thumbs.wallbase.cc/rozne/thumb-87228.jpg"></td>
		<td><img src="http://thumbs.wallbase.cc/rozne/thumb-290615.jpg"></td>
	</tr>
 </table>
</center>
</body>
</html>

Noen som kan fortelle meg hvor jeg skal legge inn denne koden? om det i det hele tatt skal legges inn her?

Endret 22. april 2013 av NatuRal3

Kaptein Snus · 22. april 2013

Det denne pluginen gjør er å ta lenker, som linker til bilder, og gir brukeren en måte å previewe bildet på, før de klikker på linken som gir dem en fullversjon.

Det jeg tror du prøver på er å gi brukeren thumbnails og når brukeren drar musa over de små bildene skal en større versjon av bildet dukke opp, eller tar jeg feil?

Her er ihvertfall en plugin som gjør at brukeren kan klikke på et lite bilde å få et større bilde uten å måtte gå til en ny side. http://leandrovieira.com/projects/jquery/lightbox/

NatuRal3 · 22. april 2013

Du har helt rett

Takk! Skal testes ut nå :woot:

Logg inn

[Løst] imgPreview i jQuery. Problemer

Anbefalte innlegg

NatuRal3

Lenke til kommentar

Videoannonse

Kaptein Snus

Lenke til kommentar

NatuRal3

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer