</code> shortcodes from the article editor toolbar</li>
<li><strong>Design controls</strong> — Background, text, accent colour, max width, and corner radius</li>
<li><strong>Rich tip content</strong> — Title, multi-line body, large preview image, and optional CTA link</li>
</ul>
<p><strong>Improvements</strong></p>
<ul>
<li>Safer URL handling for media and links (blocks javascript/data schemes)</li>
<li>Keyboard focus styles and <code>aria-expanded</code> state</li>
<li>Bootstrap/Helix-compatible <code>show</code> class so tips are not hidden by template CSS</li>
<li>Correct spacing for link-only, title-only, and image+link tip layouts</li>
<li>Empty shortcodes no longer open blank tip bubbles</li>
<li>Image triggers without <code>thumbsrc</code> fall back to <code>lgsrc</code></li>
<li>Anchored tips reposition on scroll and resize</li>
<li>Ctrl/Cmd/Shift-click on linked triggers opens the URL normally</li>
<li>Responsive behaviour — floated triggers unwrap on small screens; panels stay inside the viewport</li>
<li>Lazy loading and async decoding for tip images</li>
</ul>
<p><strong>Removed</strong></p>
<ul>
<li>jQuery tooltip behaviour and TimThumb-style resize endpoints</li>
<li>Legacy JFactory / JURI runtime paths</li>
<li>Old resize-by height/width-only parameter UI replaced by modern theme, placement, and design controls</li>
</ul><p>Version 1.4: 3 December 2025</p><ul>
<li>Joomla 4, 5 & 6 compatibility work and WebAssetManager integration</li>
<li>Accessibility and shortcode documentation improvements</li>
</ul><p>Version 1.3: 14 September 2025</p><ul>
<li>Joomla 5 compatibility, WebP support, and improved tooltip positioning</li>
</ul><p>Version 1.2: 11 February 2023</p><ul>
<li>Joomla 4 support and update server integration</li>
</ul></div></div></div><span id="exman-demo-start" class="exman-demo-start" aria-hidden="true"></span>
<section class="tp-section tp-animate tp-section--article-example"><div class="tp-demo-box tp-demo-box--article tp-demo-box--tabbed"><div class="tp-demo-box__chrome"><span class="tp-demo-box__traffic" role="group" aria-label="Preview window controls"><button type="button" class="tp-demo-box__dot tp-demo-box__dot--close" aria-label="Hide browser chrome" title="Hide browser chrome"></button><button type="button" class="tp-demo-box__dot tp-demo-box__dot--min" aria-label="Minimize preview to bottom" title="Minimize to bottom"></button><button type="button" class="tp-demo-box__dot tp-demo-box__dot--max" aria-label="Fullscreen preview" title="Fullscreen"></button></span><span class="tp-demo-box__label"><span class="tp-demo-box__label-prefix">Demo</span><span class="tp-demo-box__label-name">Example 1 - Inline Text Preview</span></span></div><div class="tp-demo-box__tabs" data-demo-tabs><div class="tp-demo-box__tablist" role="tablist" aria-label="Example views"><button type="button" class="tp-demo-box__tab is-active" role="tab" id="tp-demo-tab-1-demo-btn" aria-selected="true" aria-controls="tp-demo-tab-1-demo" data-tab="demo">Demo</button><button type="button" class="tp-demo-box__tab" role="tab" id="tp-demo-tab-1-shortcode-btn" aria-selected="false" aria-controls="tp-demo-tab-1-shortcode" data-tab="shortcode" tabindex="-1">Shortcode</button></div><div class="tp-demo-box__panels"><div class="tp-demo-box__panel is-active" role="tabpanel" id="tp-demo-tab-1-demo" aria-labelledby="tp-demo-tab-1-demo-btn" data-panel="demo"><p>Hover or tap a dotted underline phrase to open a rich image tooltip. Click once to pin it, click outside or press Escape to dismiss. Local previews are resized and cached as WebP.</p><p>Start with the {txttooltip text="leather tote" title="Leather Tote" content="Soft full-grain leather with brass hardware. Hover the phrase to preview the full product shot." lgsrc="images/cloud/Bag__leather-tote.jpg" theme="dark" placement="follow" link="https://joomlax.com"}
