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!