No - that is the direct url to the image eg: https://xxxxxx/images/used_mc/2400_155883_ACH3_1521473272.jpeg - not to the form, as it was before in the old slideshow.
For running J!5.1 you must https://fabrikar.com/forums/index.php?wiki/update-from-github/ or include the new file manually https://fabrikar.com/forums/index.php?threads/joomla-5-1-and-fabrik-cannot-find-files-error.54473/post-285151 See also Announcements
Please see our announcement here.
<?php
/**
* Slideshow vizualization: bootstrap template
*
* @package Joomla.Plugin
* @subpackage Fabrik.visualization.slideshow
* @copyright Copyright (C) 2005-2016 Media A-Team, Inc. - All rights reserved.
* @license GNU/GPL http://www.gnu.org/copyleft/gpl.html
*/
// No direct access
defined('_JEXEC') or die('Restricted access');
$row = $this->row;
$params = json_decode($row->params);
$slideshow_width = $params->slideshow_viz_width;
$slideshow_height = $params->slideshow_viz_height;
?>
<style>
.slick-slide
{
width: 400px;
}
.slick-prev:before, .slick-next:before {
display:none;
color:red !important;
}
.slider img {
margin: 0 auto; /* it centers any block level element */
}
</style>
<div id="<?php echo $this->containerId;?>" class="fabrik_visualization">
<?php if ($this->params->get('show-title', 1)) :?>
<h1>
<?php echo $row->label;?>
</h1>
<?php endif;?>
<?php echo $this->loadTemplate('filter'); ?>
<div>
<?php echo $row->intro_text;?>
</div>
<div class="slideshow" id="slideshow_viz_<?php echo $row->id; ?>">
<div class="slider" style="width:<?php echo ($slideshow_width+20); ?>px;margin:auto">
<?php
foreach ($this->slideData as $slide):
?>
<div class="image">
<img width="<?php echo $slideshow_width; ?>" height="<?php echo $slideshow_height; ?>" src="<?php echo $slide['href']; ?>" />
<figcaption style="width:<?php echo ($slideshow_width+20);?>px;text-align:center;";>
<?php echo $slide['caption']; ?>
</figcaption>
</div>
<?php
endforeach;
?>
</div>
<?php
if ($this->params->get('slideshow_viz_thumbnails', false)):
?>
<div class="slider-nav">
<?php
foreach ($this->slideData as $slide):
?>
<div class="image">
<img src="<?php echo $slide['thumbnail']; ?>" />
</div>
<?php
endforeach;
?>
</div>
<?php
endif;
?>
</div>
</div>
.slick-active {
visibility: visible;
}
.slider { display: none; }
.slider.slick-initialized { display: block; }
{
"cssEase":"cubic-bezier(0.830,-0.040,0.310,1.355)",
"useTransform":true,
"arrows":false
}
<a target="_blank" href="<?php echo $slide['fabrik_view_url']; ?>"><img src="<?php echo $slide['href']; ?>" /></a>