IskoAdmin at 00:17, 7 October 2026

2026-10-07T00:17:13Z

← Older revision		Revision as of 00:17, 7 October 2026
Line 353:		Line 353:

	content.style.display =		content.style.display =
	'~~flex~~';		'block';

	})		})

IskoAdmin at 23:57, 6 October 2026

2026-10-06T23:57:25Z

Show changes

IskoAdmin at 23:27, 6 October 2026

2026-10-06T23:27:20Z

Show changes

IskoAdmin at 23:25, 6 October 2026

2026-10-06T23:25:07Z

Show changes

IskoAdmin at 23:23, 6 October 2026

2026-10-06T23:23:46Z

← Older revision		Revision as of 23:23, 6 October 2026
Line 227:		Line 227:
	*/		*/

	if (~~firstImage~~) {		// Find the first image AFTER the opening paragraph
			var temp = document.createElement('div');
			temp.innerHTML = post.content.rendered;

	var ~~image~~ =		var paragraphs = temp.querySelectorAll('p');
	~~document~~.~~getElementById~~(		var firstParagraph = null;
	'~~update-online-image~~'
	);

			// Find the first paragraph that actually contains text
			for (var i = 0; i < paragraphs.length; i++) {
			if (paragraphs[i].textContent.trim().length > 0) {
			firstParagraph = paragraphs[i];
			break;
			}
			}

	/*		var selectedImage = null;
	* Use the actual image URL.
	*/

	~~image.src =~~		if (firstParagraph) {
	~~firstImage.src;~~

			// Look at all paragraphs and images in document order
			var elements = temp.querySelectorAll('p, img');
			var passedFirstParagraph = false;

	/*		for (var i = 0; i < elements.length; i++) {
	* Use existing alt text if
	* available.
	*/

	~~image.alt~~ =		var element = elements[i];
	~~firstImage.alt \|\|~~
	~~post.title.rendered~~;

			if (element === firstParagraph) {
			passedFirstParagraph = true;
			continue;
	}		}

	~~else~~ {		if (
			passedFirstParagraph &&
			element.tagName.toLowerCase() === 'img' &&
			!firstParagraph.contains(element)
			) {
			selectedImage = element;
			break;
			}
			}
			}

			// Put the image into our widget
			if (selectedImage) {

			var imageUrl =
			selectedImage.getAttribute('src') \|\|
			selectedImage.getAttribute('data-src') \|\|
			selectedImage.getAttribute('data-lazy-src');

	/*		if (imageUrl) {
	* No image found after the		var outputImage =
	* opening paragraph.		document.getElementById('update-online-image');
	*/

	~~document~~.~~querySelector~~(		outputImage.src = imageUrl;
	'~~.update-news-image~~'		outputImage.alt =
	).~~style~~.~~display =~~		selectedImage.getAttribute('alt') \|\|
	~~'none'~~;		post.title.rendered;

	}		outputImage.style.display = 'block';
			}
			}