Kom ihåg mig?
Home Menu

Menu


Någon som är expert på att koda CSS?

 
Ämnesverktyg Visningsalternativ
Oläst 2011-04-12, 14:14 #1
KarlRoos KarlRoos är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Jul 2007
Inlägg: 1 416
KarlRoos KarlRoos är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Jul 2007
Inlägg: 1 416
Förstår hur du menar!

jQuery ligger i <script>-taggar. Såhär skulle den delen kunna se ut i head för dig:
Kod:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

	$(".apply_image_class").each(function(){
		if($(this).height() > $(this).width()){
			$(this).addClass("portrait").addClass("portrait_" + $(this).width());
		}
		else{
			$(this).addClass("landscape").addClass("landscape_" + $(this).height());
		}
	});

});
</script>
Exempel. Bilden min_bild.jpg är 192px hög och 100px bred. Den ser ut såhär innan scriptet körs:
Kod:
<img src="min_bild.jpg" alt="min fina bild" class="apply_image_class" />
Efter scriptet ser den ut såhär:
Kod:
<img src="min_bild.jpg" alt="min fina bild" class="apply_image_class portrait portrait_192" />
Hoppas det funkar för dig!
KarlRoos är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 07:47.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017