DBから画像を取得し、それを背景として使用したいと思います。これは些細なことですが、私の現在のアプローチよりも優れた/より速い方法があります。
<head>
現在、 CSSはリンクされており、内部ではないため、(で)Javascriptを使用して背景画像を読み込みます。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type='text/javascript'>
$(document).ready(function(){
$('body').css('background', 'url(/_images/galleries/lg_<?php echo getBackgroundImage(); ?>) no-repeat top center white');
});
</script>
ページをロードすると、背景をロードするのに約0.5秒かかります。遅延は外部JSの読み込みなどに起因すると思います。また、上記のコードはコンポーネントとして含まれているため、Webサイトの各ページでそのコードをコピーして貼り付ける必要はありません。この<body>
含まれるコンポーネントには含まれていません。
より速く、好ましいアプローチはありますか?