Work/fdn2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Aggiunto size mini per le immagini;

Browse Source 
fix limit in articolo e searchResults;
inizio styling per immagini clickable;
inizio funzione immagini clickable
This commit is contained in:
Lorenzo Giacomelli
2016-03-18 14:19:55 +01:00
parent 0eceee427b
commit 0dcafb2d94
7 changed files with 40 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
private/lib/media/MediaRendererInterface.php
+5
View File
@@ -19,6 +19,11 @@ interface MediaRendererInterface{
const SIZE_ORIGINAL_H = null;
const SIZE_ORIGINAL_W = null;
const SIZE_MINI = 5;
const SIZE_MINI_W = 80;
const SIZE_MINI_H = 60;
public function asText(array $opt = array()) ;
private/lib/media/mediaRenderers/MediaImage.php
+7
View File
@@ -13,6 +13,13 @@ class MediaImage extends MediaRenderer{
if(array_key_exists("size", $opt) && array_key_exists($opt["size"], self::$SIZES)){
$size = $opt["size"];
}
if (array_key_exists("clickable", $opt)){
$clickable = $opt["clickable"];
if($clickable){
}
}
return '<img itemprop="image" src="'.$this->getImageLink($size).'"/>';
}
private/lib/media/mediaRenderers/MediaRenderer.php
+2 -1
View File
@@ -9,7 +9,8 @@ abstract class MediaRenderer implements MediaRendererInterface{
MediaRendererInterface::SIZE_SMALL => array("width"=>MediaRendererInterface::SIZE_SMALL_W,"height"=>MediaRendererInterface::SIZE_SMALL_H),
MediaRendererInterface::SIZE_MEDIUM => array("width"=>MediaRendererInterface::SIZE_MEDIUM_W,"height"=>MediaRendererInterface::SIZE_MEDIUM_H),
MediaRendererInterface::SIZE_BIG => array("width"=>MediaRendererInterface::SIZE_BIG_W,"height"=>MediaRendererInterface::SIZE_BIG_H),
MediaRendererInterface::SIZE_ORIGINAL => array("width"=>MediaRendererInterface::SIZE_ORIGINAL_W,"height"=>MediaRendererInterface::SIZE_ORIGINAL_H)
MediaRendererInterface::SIZE_ORIGINAL => array("width"=>MediaRendererInterface::SIZE_ORIGINAL_W,"height"=>MediaRendererInterface::SIZE_ORIGINAL_H),
MediaRendererInterface::SIZE_MINI => array("width"=>MediaRendererInterface::SIZE_MINI_W,"height"=>MediaRendererInterface::SIZE_MINI_H)
);
}
public/archivio.php
+1 -1
View File
@@ -28,7 +28,7 @@ try {
$month= $_POST["month"];
$year = $_POST["year"];
$limit=2;
$limit=10;
$page = 1;
$numPages = 1;
public/articolo.php
+3 -56
View File
@@ -178,37 +178,9 @@ GUIHandler::generateHtmlHeaders(array("additionalHeaders"=>$additionalHeaders));
</div>
<div class="caroselContainer">
<?php
if(sizeof($medias)>4){
?>
<div class="caroselArrow left"><img alt="" src="images/leftArrow.png"></div>
<?php
}
else{
?>
<div class="caroselArrow left" style="display:none;"><img alt="" src="images/leftArrow.png"></div>
<?php
}
?>
<div class="imagesContainer_carosel">
<div id="carosel" class="insideCarosel">
<?php
foreach($medias as $mediaImage){?>
<div class="carosImage mediaContent"><span class="helper"></span><?php $mediaImage->renderMedia(array("size"=>MediaRenderer::SIZE_SMALL));?></div>
<?php }?>
</div>
</div>
<?php
if(sizeof($medias)>4){
?>
<div class="caroselArrow right"><img alt="" src="images/rightArrow.png"></div>
<?php
}
else{
?>
<div class="caroselArrow right" style="display:none;"><img alt="" src="images/rightArrow.png"></div>
<?php
}
?>
foreach($medias as $mediaImage){?>
<div class="carosImage mediaContent"><span class="helper"></span><?php $mediaImage->renderMedia(array("size"=>MediaRenderer::SIZE_MINI,"clickable"=>true));?></div>
<?php }?>
</div>
</div>
<?php }?>
@@ -280,31 +252,6 @@ GUIHandler::generateHtmlHeaders(array("additionalHeaders"=>$additionalHeaders));
<script type="text/javascript">
$(document).ready(function(event){
<?php if(sizeof($medias)>1){?>
var size = $("#carosel").children().length;
var childrenWidth = $(".carosImage").outerWidth();
$("#carosel").width((size+1 )* childrenWidth);
var minLeft = (size - 4)*childrenWidth;
var actualLeft = $("#carosel").position().left;
$(".left").click(function(){
if(actualLeft > -minLeft){
$("#carosel").animate({left:"-=" + childrenWidth});
actualLeft = $("#carosel").position().left;
// alert(actualLeft);
}
});
$(".right").click(function(){
if(actualLeft < minLeft){
$("#carosel").animate({left:"+=" + childrenWidth});
actualLeft = $("#carosel").position().left;
// alert(actualLeft);
}
});
<?php } ?>
$("#submit").click(function (){
// $("form#commentoForm").submit(function (){
$.ajax({
public/searchResults.php
+1 -1
View File
@@ -16,7 +16,7 @@ try {
$found = false;
$limit=12;
$limit=10;
$page = 1;
$numPages = 1;
public/style/public.css
+21 -2
View File
@@ -352,11 +352,11 @@ display: inline-block;
.mediasConatiner{border:solid #d6d6d6 1px;}
.headMedias{height:25px;overflow:hidden;border-bottom:solid #d6d6d6 1px;}
.moreMedia{background-color:#94d3f6;padding:3px 30px;float:left;}
.caroselContainer{position:relative;height:100px;}
.caroselContainer{position:relative;padding:15px;}
.caroselArrow{height:100px;width:49px;display:inline-block;cursor:pointer;}
.imagesContainer_carosel{position:relative;display:inline-block;height:100%;width:592px;overflow:hidden;}
.insideCarosel{position:absolute;display:inline-block;top:0px;left:0px;height:100%;}
.carosImage{width:148px;height:100%;display:inline-block;vertical-align:middle;text-align:center;}
.carosImage{width:85px;height:100%;display:inline-block;vertical-align:middle;text-align:center;}
.carosImage > .helper{height:100%;display:inline-block;vertical-align:middle;}
.carosImage > img {vertical-align:middle; }
@@ -495,3 +495,22 @@ Password Recovery
.contattiRedazione{text-align:center;font-size:23px;padding:10px 5px;color:#199fe6;}
.contattiRedazione a{color:black;}
/*
____ _ _ _ _ _
/ ___| (_) ___| | ____ _| |__ | | ___
| | | | |/ __| |/ / _` | '_ \| |/ _ \
| |___| | | (__| < (_| | |_) | | __/
\____|_|_|\___|_|\_\__,_|_.__/|_|\___|
*/
.clickableImageContainer{
position: fixed;
opacity: 0.9;
width: 100%;
height: 100%;
background-color: black;
text-align: center;
z-index: 100;
}
.clickableImageContainer > img{opacity:0;}