Visa ett inlägg
Oläst 2011-04-12, 14:14 #9
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