यह कोड की एक लाइन है, मैं एक बहुत कोशिश की के दृष्टिकोण है, लेकिन मैं बस नहीं कर सकते हैं परिणाम प्राप्त मैं करना चाहते हैं.
मैं क्या करना चाहते हैं?
मैं चाहता हूँ करने के लिए सेट विशेषता loading = lazy
शुरू में दूसरा आइटम सरणी में. मैं चीजों की बहुत कोशिश की, मेरा आखिरी प्रलोभन था का उपयोग करने के लिए पोस्ट आईडी. लेकिन काम नहीं करता है. देखो else if
.
<script>
// post props
export let post;
</script>
<!--HTML here-->
<div>
<!-- display posts images -->
{#if post.image}
<!--check if image is not empty -->
<img src={post.image.formats.medium.url} alt={post.title} />
<!-- if id is greater than 2 add loading="lazy" -->
{:else if post.id > 2}
<!-- set lazy images -->
<img src={post.image.formats.medium.url} alt={post.title} loading="lazy" />
{:else}
<!-- if no images then placeholder -->
<img src="images/900x600.png" alt={post.title} loading="lazy" />
{/if}