WordPress, Shopify ir PHPFusion programuotojų bendruomenė

Parašė 1941· 2015 Vas. 25 12:02:30

Taip netikėtai prireikė slide show panelės. Deja, pavyko rasti tik PHP Fusion v7 sistemai. Mėginau pagal carousel skriptą kurtis, deja, nelabai kas pavyko. Kaip alternatyvą, kuriam laikui pasirašiau paprastą koduką, kuris tiesiog random nuotraukas iššaukia

 $logo_nr=mt_rand(1,2);
 
        echo "<img src='http://xxxxxx/images/logo_$logo_nr.png'>";

Tačiau gal yra žmonių, kurie turi, arba žino kur galima rasti nuotraukų slideshow PHP Fusion v6 sistemai? Būčiau labai dėkingas.

Redagavo 1941· 2015 Vas. 25 12:02:57

Parašė 1941· 2015 Vas. 26 13:02:30

Chebra, kažką radau. Kas padės pritaikyti fusionui šitą sliderį?

<style type="text/css">
.slider {
width: 745px;
height: 191px;
overflow: hidden;
margin: 30px auto;
{
.shadow {
background-repeat: no-repeat;
background-position:top;
width: 864px;
height: 200px;
margin:-60px auto;
}
</style>
 
<script type ="text/javascript "src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type ="text/javascript"  src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type ="text/javascript">
function Slider(){
$(".slider #1").show("fade", 500);
$(".slider #1").delay(5500).hide("slide", {direction: "left"}, 500);
var sc=$(".slider img").size();
var count=2;
 
setInterval (function(){
$(".slider #"+count).show("slide",{direction: "right"}, 500);
$(".slider #"+count).delay(5500).hide("slide", {direction: "left"}, 500);
 
if (count == sc) {
count = 1;
}else{
count=count +1;
}
}
}
</script>
<body onload="Slider();">
<div class="slider">
<img id="1" src="http://www.f1taure.lt/images/logo_1.png" border="0" alt="A lyga belgija"/>
<img id="2" src="http://www.f1taure.lt/images/logo_2.png" border="0" alt="B lyga belgija"/>
</div>
<div class="shadow"></div>
</body>

Redagavo 1941· 2015 Vas. 26 13:02:14

Parašė 1941· 2015 Vas. 26 21:02:36

Pasidariau. Jeigu kam bus naudinga, įdedate šiuos failus į public_html (http://failai.kava.lt/23) ir sukuriate toką panelę:

 
openside("ARTIMIAUSI RENGINIAI");
  ?>
<link rel="stylesheet" href="css/font-awesome.min.css">
<style>
 
 
    #slides {
      display: none
    }
 
    #slides .slidesjs-navigation {
      margin-top:3px;
    }
 
    #slides .slidesjs-previous {
      margin-right: 5px;
      float: left;
    }
 
    #slides .slidesjs-next {
      margin-right: 5px;
      float: left;
    }
 
    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }
 
    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }
 
    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }
 
    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }
 
    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }
 
    #slides a:link,
    #slides a:visited {
      color: #333
    }
 
    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }
 
    .navbar {
      overflow: hidden
    }
  </style>
 
 
  <style>
    #slides {
      display: none
    }
 
    .container {
      margin: 0 auto
    }
 
    /* For tablets & smart phones */
    @media (max-width: 767px) {
      body {
        padding-left: 20px;
        padding-right: 20px;
      }
      .container {
        width: auto
      }
    }
 
    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto
      }
    }
 
    /* For smaller displays like laptops */
    @media (min-width: 745px) and (max-width: 745px) {
      .container {
        width: 724px
      }
    }
 
    /* For larger displays */
    @media (min-width: 745px) {
      .container {
        width: 745px
      }
    }
  </style>
 
 
 
 
  <div class="container">
    <div id="slides">
      <img src="http://www.f1taure.lt/images/logo_1.png" alt="Photo by: Missy S Link: <a href='http://www.flickr.com/photos/listenmissy/5087404401/">' target='_blank'><span style='color:005C5B'>http://www.flickr.com/photos/lis..."></span></a>
         <img src="http://www.f1taure.lt/images/logo_2.png" alt="Photo by: Missy S Link: <a href='http://www.flickr.com/photos/listenmissy/5087404401/">' target='_blank'><span style='color:005C5B'>http://www.flickr.com/photos/lis..."></span></a>
      <a href="#" class="slidesjs-previous slidesjs-navigation"><i class="icon-chevron-left icon-large"></i></a>
      <a href="#" class="slidesjs-next slidesjs-navigation"><i class="icon-chevron-right icon-large"></i></a>
    </div>
  </div>
 
  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  <script src="js/jquery.slides.min.js"></script>
 
  <script>
    $(function() {
      $('#slides').slidesjs({
        width: 745,
        height: 191,
        navigation: false
      });
    });
  </script>
 
 
 
<?
closeside();

Neabejoju, jog viską galima padaryti daug labiau optimatizuotai, bet kai nepavyksta - džiaugiesi pasidaręs ir tiek.