jQuery: risolvere i problemi sulle larghezze delle didascalie delle immagini di WordPress in Internet Explorer 8

  • jQuery
  • Gabriele Romanato
jQuery: risolvere i problemi sulle larghezze delle didascalie delle immagini di WordPress in Internet Explorer 8

Internet Explorer 8 mostra dei significativi problemi con il computo delle larghezze massime delle didascalie delle immagini di WordPress, ossia quelle relative alla classe CSS predefinita wp-caption. Fortunatamente abbiamo jQuery.

Aggiungete il seguente script al vostro tema:


$('.wp-caption').each(function() {
	var caption = $(this),
		captionOuterWidth = caption.outerWidth(),
		maxWidth = $('.post', '#content').outerWidth();
	if (captionOuterWidth > maxWidth) {
		var image = caption.find('img'),
			imageMaxWidth = maxWidth - (captionOuterWidth - caption.width()),
			imageMaxHeight = (imageMaxWidth / image.width() * image.height());
		caption.width(maxWidth);
		image.width(imageMaxWidth).height(imageMaxHeight);
	}
});

Quindi usate i commenti condizionali:


<head>
<!--[if IE 8]>
<script type="text/javascript" src="<?php echo get_template_directory_uri() . '/js/caption-fix-ie8.js';?>"></script>
<![endif]-->
</head>

Ti potrebbe interessare anche

Torna su