I am trying to simply create a slider using Grid. The ‘small’ images would be the thumbs etc.
Have to say, I have worked on this for more then 4 hours trying to see what is up…but I am obviously hitting a block and missing something…maybe fresh eyes from someone else could help - thanks
EE 3.3 This is on a MSM as a secondary domain
File Manager > Upload Directory: video_images Image Manipulation: small Grid Field Name: project_slideshow
-I have checked the ‘small’ folder and confirmed that the images are being generated
Here is what I have but I cannot get this to load the ‘small’ image
<div class="clear"></div>
<div class="nomargin masonry-thumbs col-4" data-lightbox="gallery">
{project_slideshow}
<a href="http://{project_slideshow:slide_image}">_ {slide_image:small}_ </a>
{/project_slideshow}
</div>
<div class="clear"></div>Test Page Here: http://yourfishingbiz.com/index.php/main/video/this-is-a-test-video
View Source Shows:
<div class="nomargin masonry-thumbs col-4" data-lightbox="gallery">
<a href="http://162.247.142.135/hdmarketing_assets/uploaded-media/video-media/DSCF2019.JPG">_ <img class="image_fade"></a>
<a href="http://162.247.142.135/hdmarketing_assets/uploaded-media/video-media/798648867.jpg">_ <img class="image_fade"></a>
<a href="http://162.247.142.135/hdmarketing_assets/uploaded-media/video-media/Home_2.png">_ <img class="image_fade"></a>
<a href="http://162.247.142.135/hdmarketing_assets/uploaded-media/video-media/home_3.png">_ <img class="image_fade"></a>
</div>Not sure what I am missing…but I am reusing this approach several times in this site…so would love to get this settled.
Thanks ahead of time for any clues.
Kindly, matt
Well … the f’ing code snippet does not render correctly above regardless of what I am doing…
WTF!
<div class="nomargin masonry-thumbs col-4" data-lightbox="gallery">
{project_slideshow}
<a href="http://{project_slideshow:slide_image}">_ {slide_image:small}_ </a>
{/project_slideshow}
</div>I must admit that I spent more than two hours attempting to figure this out, slope game but I obviously ran into a roadblock and missed something. Perhaps new eyes from someone else could help.
Determine the name of the image field in your CMS. melon playground This is the name of the field where the image is stored in your CMS’s database.
To resolve this issue, poppy playtime chapter 3 you need to use the correct variable pair to display the ‘small’ images in the img tag. The variable pair for Grid fields in ExpressionEngine consists of {project_slideshow} and {/project_slideshow}.
Double-check that the image manipulation name is indeed small (case-sensitive) in the File Manager Stickman Hook settings.
The issue most likely lies in how you’re referencing the image manipulation (small) inside the Grid field. slope game
Packet Tide owns and develops ExpressionEngine. © Packet Tide, All Rights Reserved.