Highslide Gallery Sayfalama Sorunu

ReaL_71 · 12 Mayıs 2016

Merhaba arkadaşlar

Öncelikle benim sorunum css le alakalı fazladan kod kalabalığı için özür dilerim 1 haftadır uğraşıyorum ve artık beynim yandı nereye ne koyduğumu bende unuttum yapmak istediğim galeride fotoğraflar tek bir sayfada görünmesin kasma olmasın diye sayfalama yaptım fakat sayfalama butonlarını bir türlü istediğim alana düzgünce yerleştiremedim hep sayfanın sağına soluna kayıyor birbirinin üstüne çıkıyor seçtiğim sayfa diğer butonlardan bir üstte görünüyor sapa saçma birşey oldu yani

sizden ricam sayfalama butonlarını yani o << 1 2 3 4 5 >> kısmını yanyana ve fotoğrafların alt tarafına ortalı bir şekilde pozisyonlandırmanız şimdiden çok teşekkür ediyorum.

PHP:

<?php
include("config.php");
mysql_query("SET NAMES 'utf8'");
mysql_query("SET CHARACTER SET utf8");
mysql_query("SET COLLATION_CONNECTION = 'utf8_bin'");
$query = mysql_query("select * from settings");
while($print = mysql_fetch_array($query)){
$url = $_GET['url'];
$sor = mysql_query("select * from galeri where sefurl='$url'");
if(mysql_num_rows($sor)=="0"){ header("Location:404.php"); }else{
while($yaz = mysql_fetch_array($sor)){ $id = $yaz['id']; ?>
<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="description" content="<?php echo $print['description']; ?>" />
    <meta name="keywords" content="<?php echo $print['keywords']; ?>" />    
    <meta name="author" content="Güner Organizasyon || GrafikTR" />    

    <title><?php echo $yaz['baslik']; ?> | <?php echo $print['title']; ?></title>    
        <link rel="stylesheet" href="menuyeni/mbcsmbmcp.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Roboto+Condensed:bold">
    <link rel="stylesheet" href="css/style.css" type="text/css">
    <link href="css/Untitled1.css" rel="stylesheet">
    <link href="css/menu.css" rel="stylesheet">
    <link href="css/Untitled2.css" rel="stylesheet">
    <link href="css/menu2.css" rel="stylesheet">
    <link rel="stylesheet" href="css/color/<?php echo $print['color']; ?>.css" type="text/css">    
    <link rel="stylesheet" type="text/css" href="js/highslide/highslide.css" />
    
    <!--[if IE 7]>
        <link rel="stylesheet" href="css/ie7.css" type="text/css">
    <![endif]-->
    <!--[if lt IE 7]>
    <link rel="stylesheet" type="text/css" href="js/highslide/highslide-ie6.css" />
    <![endif]-->    
    
    <script type="text/javascript" src="js/highslide/highslide-full.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="js/custom.js"></script>    
<script type="text/javascript">
hs.graphicsDir = 'js/highslide/graphics/';
hs.align = 'center';
hs.showCredits = 0;
hs.transitions = ['expand', 'crossfade'];
hs.fadeInOut = true;
hs.dimmingOpacity = 0.8;
hs.outlineType = 'rounded-white';
hs.captionEval = 'this.thumb.alt';
hs.marginBottom = 105;
hs.numberPosition = 'caption';

hs.addSlideshow({
    //slideshowGroup: 'group1',
    interval: 4000,
    repeat: false,
    useControls: true,
    overlayOptions: {
        className: 'text-controls',
        position: 'bottom center',
        relativeTo: 'viewport',
        offsetY: -60
    },
    thumbstrip: {
        position: 'bottom center',
        mode: 'horizontal',
        relativeTo: 'viewport'
    }
});
</script>
<style> .highslide-gallery img { solid #000; margin-left:10px; margin-bottom:20px; } </style>
</head>
<body>
<div id="header">
    <div id="mbmcpebul_wrapper" style="max-width: 686px;">
  <ul id="mbmcpebul_table" class="mbmcpebul_menulist css_menu">
  <li><div class="buttonbg"><a href="/index.html">Anasayfa</a></div></li>
  <li><div class="buttonbg" style="width: 111px;"><a href="/page-kurumsal.html">Kurumsal</a></div></li>
  <li><div class="icon_3 buttonbg" style="width: 240px;"><a href="/index.html" class="button_3"></a></div></li>
  <li><div class="buttonbg"><a href="/fotogaleri.html">+++Galeri+++</a></div></li>
  <li><div class="buttonbg" style="width: 113px;"><a href="/iletisim.html">++İletişim++</a></div></li>
  </ul>
</div>
<script type="text/javascript" src="menuyeni/mbjsmbmcp.js"></script>
</div>
    <div id="body">
<div class="section">

            <h2 style="font-size:13pt; margin:15px 10px; color:#000066;">
            <?php 
            echo $yaz['baslik']; 
                    
                    $sayfa = (isset($_GET["sayfa"])) ? $_GET["sayfa"] : "";  // get metodu ile gönderilen "sayfa" parametresini aldık
    if(!$sayfa) $sayfa = 1; // eğer $sayfa değişkeni tanımlı değilse değerini 1 yapıyoruz
    $limit = 10; // Sayfalamada gösterilecek icerik sayısı
    $ksayisi = mysql_num_rows(mysql_query("select * from resimler where gID='$id' order by id desc")); //  Kayıt sayısını alıyoruz
    $ssayisi = ceil($ksayisi / $limit); // sayfa sayısını bulmak için ksayisi ile limiti bölüyoruz ve ceil ile tam sayı olması için yukarı yuvarlıyoruz
    $baslangic = ($sayfa*$limit)-$limit; // başlangıcın hangi kayıttan sonra başlıyacağının hesabı yapıyoruz

            ?></h2>
            <br><br>
            <div class="highslide-gallery" style="border:0; pozition:relative ">
    <?php $aaa = mysql_query("select * from resimler where gID='$id' order by id desc LIMIT $baslangic, $limit"); if(mysql_num_rows($aaa)=="0"){ echo '<font color="blue"><b>Bu galeriye eklenmiş bir resim bulunamadı! Lütfen daha sonra tekrar deneyin.</b></font>'; }else{ while($bbb = mysql_fetch_array($aaa)){ ?>
    <a rel='nofollow' class='highslide' href='<?php echo $bbb['resimyolu']; ?>' onclick="return hs.expand(this)">
        <img src='<?php echo $bbb['thumb']; ?>' width="150" height="150" alt='<?php echo $bbb['text']; ?>' /></a>
    <?php } } ?>    
    <?php

echo "</tr>"."</table>";
    echo "<div style=' color: #000; text-align: center;'>";
    if($sayfa>1){
            echo "<a style=' color: #000; text-align: center;  ' href="."galeridetay.php?url=url$url&sayfa=".($sayfa-1).">«</a>";
        }
    for($i=1; $i<=$ksayisi; $i++){
        if($i<=$ssayisi){
            if($i==$sayfa){
                echo "<span style=' color: #000; text-align: center; position:absolute;'>".$i."</span>";
                
            }else{
                echo "<a rel='nofollow' style=' color: #000; text-align: center; position:absolute;' href='galeridetay.php?url=$url&sayfa=$i'>$i</a>";
            }
        }
    }
    if($sayfa != $ssayisi){
            echo "<a style=' color: #000; text-align: center; position:absolute;' href="."galeridetay.php?url=$url&sayfa=".($sayfa+1).">»</a>";
        }
    echo '</div>';
?>

        </div>
            
        </div>
    </div>
    <div id="footer">
        <div>
            <p>© 2016, <?php echo $print['title']; ?></p>
            <div>
                <a rel="nofollow" href="<?php echo $print['facebook']; ?>" title="Facebook"><img src="/images/facebookicon.png" border="0" alt="Facebook" /></a>
 
            </div>
        </div>
    </div>
</body>
</html>
<?php } } } ?>

Highslide Gallery Sayfalama Sorunu

ReaL_71

0