<?xml version="1.0" encoding="UTF-8"?>
	<rss version="2.0"
		xmlns:content="http://purl.org/rss/1.0/modules/content/"
		xmlns:wfw="http://wellformedweb.org/CommentAPI/"
		xmlns:dc="http://purl.org/dc/elements/1.1/"
		xmlns:atom="http://www.w3.org/2005/Atom"

			>

	<channel>
		<title>BlueOwlCreative  &#187;  Topic: Image Slider is does not support retina</title>
		<atom:link href="https://blueowlcreative.com/support_wp/forums/topic/image-slider-is-does-not-support-retina/feed/" rel="self" type="application/rss+xml" />
		<link>https://blueowlcreative.com/support_wp/forums/topic/image-slider-is-does-not-support-retina/feed/</link>
		<description></description>
		<pubDate>Sun, 23 Aug 2026 14:42:33 +0000</pubDate>
		<generator>http://bbpress.org/?v=2.5.3-5249</generator>
		<language>en-US</language>

		
														
					
				<item>
					<guid>https://blueowlcreative.com/support_wp/forums/topic/image-slider-is-does-not-support-retina/#post-30758</guid>
					<title><![CDATA[Image Slider is does not support retina]]></title>
					<link>https://blueowlcreative.com/support_wp/forums/topic/image-slider-is-does-not-support-retina/#post-30758</link>
					<pubDate>Tue, 10 Jan 2017 22:53:45 +0000</pubDate>
					<dc:creator>mkarp69</dc:creator>

					<description>
						<![CDATA[
						<p>Hi</p>
<p>Image slider does not support retina images. Moreover, it uses only full-size images.<br />
I do need to make a slider of 10 images with 6000x2000px (image load time ;/ ). I need to set size for them for &#8216;large&#8217; or even &#8216;medium&#8217;. Can you help me doing it?</p>
<p>When image size select will be available for Image Slider as a part of VC?</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://blueowlcreative.com/support_wp/forums/topic/image-slider-is-does-not-support-retina/#post-30762</guid>
					<title><![CDATA[Reply To: Image Slider is does not support retina]]></title>
					<link>https://blueowlcreative.com/support_wp/forums/topic/image-slider-is-does-not-support-retina/#post-30762</link>
					<pubDate>Wed, 11 Jan 2017 11:36:58 +0000</pubDate>
					<dc:creator>BlueOwl</dc:creator>

					<description>
						<![CDATA[
						<p>Hi there,</p>
<p>Have you tested out the Retina plugin yet?</p>
<p><a href="https://wordpress.org/plugins/wp-retina-2x/" rel="nofollow">https://wordpress.org/plugins/wp-retina-2x/</a><br />
 <img src="https://blueowlcreative.com/support_wp/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /> </p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://blueowlcreative.com/support_wp/forums/topic/image-slider-is-does-not-support-retina/#post-30764</guid>
					<title><![CDATA[Reply To: Image Slider is does not support retina]]></title>
					<link>https://blueowlcreative.com/support_wp/forums/topic/image-slider-is-does-not-support-retina/#post-30764</link>
					<pubDate>Wed, 11 Jan 2017 16:37:58 +0000</pubDate>
					<dc:creator>mkarp69</dc:creator>

					<description>
						<![CDATA[
						<p>Yes, I do have this plugin installed (since WP 4.3 supports retina resolution it is somehow partially useless).</p>
<p>It does not solve the problem. <strong>The slider is wrongly implemented.</strong></p>
<p>If I was able to set desired image size, for example &#8220;large&#8221; then WP-retina-2x would make the difference. </p>
<p>In fact, even fixed size (i.e. large) in Fortuna includes/vc/boc_img_slider.php would be some solution. I need some help here.</p>
<p><img src="http://onedaystop.com/wp-content/uploads/2017/01/Przechwytywanie-1.png" alt="Screenshot" /></p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://blueowlcreative.com/support_wp/forums/topic/image-slider-is-does-not-support-retina/#post-30769</guid>
					<title><![CDATA[Reply To: Image Slider is does not support retina]]></title>
					<link>https://blueowlcreative.com/support_wp/forums/topic/image-slider-is-does-not-support-retina/#post-30769</link>
					<pubDate>Thu, 12 Jan 2017 11:33:42 +0000</pubDate>
					<dc:creator>BlueOwl</dc:creator>

					<description>
						<![CDATA[
						<p>Let me see your URL.<br />
Obviously the original image (full) is used which is 4000&#215;2251 so the image resolution is actually sufficient! What is missing here are the default WP <strong>srcset </strong> and <strong>sizes </strong> attributes that get added, lets try to recreate those for this specific element. In your \includes\shortcodes\vc\boc_img_slider.php add this:</p>
<pre><code>$img_srcset = wp_get_attachment_image_srcset( $img_id , &#039;full&#039; );
$img_sizes = wp_get_attachment_image_sizes( $img_id, &#039;full&#039; );</code></pre>
<p>after this line:</p>
<p><code>$att_img_url = wp_get_attachment_url( $img_id );</code></p>
<p>Then at the IMG element:</p>
<p><code>$image_output = &#039;&lt;img src=&quot;&#039;. esc_url($att_img_url) .&#039;&quot; alt..........</code></p>
<p>add the attributes like so:</p>
<p><code>$image_output = &#039;&lt;img src=&quot;&#039;. esc_url($att_img_url) .&#039;&quot;  srcset=&quot;&#039;.esc_attr( $img_srcset ).&#039;&quot; sizes = &quot;&#039;.esc_attr( $img_sizes ).&#039;&quot; alt.................</code></p>
<p>Please let me know if that does the trick for you so we add it in the next theme update! <img src="https://blueowlcreative.com/support_wp/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /> </p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://blueowlcreative.com/support_wp/forums/topic/image-slider-is-does-not-support-retina/#post-30800</guid>
					<title><![CDATA[Reply To: Image Slider is does not support retina]]></title>
					<link>https://blueowlcreative.com/support_wp/forums/topic/image-slider-is-does-not-support-retina/#post-30800</link>
					<pubDate>Tue, 17 Jan 2017 07:27:21 +0000</pubDate>
					<dc:creator>mkarp69</dc:creator>

					<description>
						<![CDATA[
						<p>Thanks.<br />
I did it myself, code looks like this. I have also WP retina plugin, which works quite ok.</p>
<pre><code>$att_img_link = wp_get_attachment_image_src( $img_id, &#039;large&#039;);
				$att_img_url = $att_img_link[0];
				$att_img_title = get_the_title($img_id);
				$att_img_alt = get_post_meta($img_id, &#039;_wp_attachment_image_alt&#039;, true);
				$img_srcset = wp_get_attachment_image_srcset($img_id, &#039;large&#039;);
				
				// Image output
				$image_output = &#039;&lt;img src=&quot;&#039;. esc_url($att_img_url) .&#039;&quot; alt=&quot;&#039;. ($show_img_alt ? esc_attr($att_img_alt) : &quot;&quot;) .
				&#039;&quot; srcset=&quot;&#039;. esc_attr( $img_srcset ) .
				&#039;&quot; title=&quot;&#039;. ($show_img_title ? esc_attr($att_img_title) : &quot;&quot;) .&#039;&quot;/&gt;&#039;;

				// Slider item start 
				$str .= &#039;&lt;div class=&quot;img_slider_item boc_owl_lazy&quot;&gt;&#039;;

					
				if ( &#039;lightbox&#039; == $img_link ) {
					$str .= &#039;&lt;div class=&quot;pic&quot;&gt;
								&lt;a href=&quot;&#039;. esc_url($att_img_link[0]) .&#039;&quot; class=&quot;mfp_popup_gal&quot; title=&quot;&#039;. ($show_img_title ? esc_attr($att_img_title) : &quot;&quot;) .&#039;&quot;&gt;
									&#039;.$image_output.&#039;
									&#039;.($show_hover_overlay ? &quot;&lt;div class=&#039;img_overlay&#039;&gt;&lt;span class=&#039;hover_icon icon_zoom&#039;&gt;&lt;/span&gt;&lt;/div&gt;&quot; : &quot;&quot;).&#039;
								&lt;/a&gt;
							&lt;/div&gt;&#039;;
								
				}</code></pre>
<p>However there is a issue with image loading &#8211; all images are loaded at the same time. but the worst thing is that something happens with this component height &#8211; it takes sum  of heights of all images. <img src="https://blueowlcreative.com/support_wp/wp-includes/images/smilies/icon_sad.gif" alt=":(" class="wp-smiley" /> </p>
<p><a href="http://onedaystop.com/blog/karkonosze-labski-szczyt-czechy/" title="blog" rel="nofollow">http://onedaystop.com/blog/karkonosze-labski-szczyt-czechy/</a></p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://blueowlcreative.com/support_wp/forums/topic/image-slider-is-does-not-support-retina/#post-30803</guid>
					<title><![CDATA[Reply To: Image Slider is does not support retina]]></title>
					<link>https://blueowlcreative.com/support_wp/forums/topic/image-slider-is-does-not-support-retina/#post-30803</link>
					<pubDate>Tue, 17 Jan 2017 09:05:57 +0000</pubDate>
					<dc:creator>BlueOwl</dc:creator>

					<description>
						<![CDATA[
						<p>Hi again,</p>
<p>Looking good! Where is the slider on that URL btw? <img src="https://blueowlcreative.com/support_wp/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /><br />
What do you mean by &#8220;all images are loaded at the same time&#8221;?<br />
May i see the issue you are describing on a test page pls? </p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://blueowlcreative.com/support_wp/forums/topic/image-slider-is-does-not-support-retina/#post-30804</guid>
					<title><![CDATA[Reply To: Image Slider is does not support retina]]></title>
					<link>https://blueowlcreative.com/support_wp/forums/topic/image-slider-is-does-not-support-retina/#post-30804</link>
					<pubDate>Tue, 17 Jan 2017 09:19:21 +0000</pubDate>
					<dc:creator>BlueOwl</dc:creator>

					<description>
						<![CDATA[
						<p>Great work on the custom post template by the way, we are having one like this in the new theme we are working on, would like to also add this to Fortuna&#8230; <img src="https://blueowlcreative.com/support_wp/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /> </p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://blueowlcreative.com/support_wp/forums/topic/image-slider-is-does-not-support-retina/#post-30805</guid>
					<title><![CDATA[Reply To: Image Slider is does not support retina]]></title>
					<link>https://blueowlcreative.com/support_wp/forums/topic/image-slider-is-does-not-support-retina/#post-30805</link>
					<pubDate>Tue, 17 Jan 2017 09:26:00 +0000</pubDate>
					<dc:creator>mkarp69</dc:creator>

					<description>
						<![CDATA[
						<p>Thx<br />
I coppied wrong URL<br />
This one has slider: <a href="http://onedaystop.com/blog/poczatek-zimy-sniezka/" rel="nofollow">http://onedaystop.com/blog/poczatek-zimy-sniezka/</a></p>
<p>In matter of custom post template &#8211; THX <img src="https://blueowlcreative.com/support_wp/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /><br />
Such deign with an animation and NEXT/PREV post buttons with thumbnails (like <a href="http://preview.themeforest.net/item/jupiter-multipurpose-responsive-theme/full_screen_preview/5177775" rel="nofollow">here</a>) would be perfect!</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://blueowlcreative.com/support_wp/forums/topic/image-slider-is-does-not-support-retina/#post-30807</guid>
					<title><![CDATA[Reply To: Image Slider is does not support retina]]></title>
					<link>https://blueowlcreative.com/support_wp/forums/topic/image-slider-is-does-not-support-retina/#post-30807</link>
					<pubDate>Tue, 17 Jan 2017 13:48:47 +0000</pubDate>
					<dc:creator>BlueOwl</dc:creator>

					<description>
						<![CDATA[
						<p>Sure, pls remove the frame from that second link and paste the URL again, cuz it currently goes to the theme&#8217;s home page <img src="https://blueowlcreative.com/support_wp/wp-includes/images/smilies/icon_wink.gif" alt=";)" class="wp-smiley" /> </p>
<p>As for the slider&#8230; Few things&#8230; first off, remove the paragraphs from the URL of your custom css: .owl-carousel .owl-item .img_slider_item img &#8211; background image. As they get HTML encoded, check your web dev tools to see that, it&#8217;s a bug that should be fixed in the latest Fortuna version.</p>
<p>As for the images &#8220;loaded at the same time&#8221; can you please clarify that issue again?<br />
Also that sum of heights&#8230; I cannot reproduce this.<br />
What device are you on? <img src="https://blueowlcreative.com/support_wp/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /> </p>
						]]>
					</description>

					
					
				</item>

					
		
	</channel>
	</rss>

