Problem mit einem Gallery-SkriptForum » Webzone » (X)HTML & CSS » Problem mit einem Gallery-Skript
Neues Thema-
11.12.2011 um 02:50 Uhr
Hallo. ^^ Da mir in diesem Forum schon oft geholfen wurde. Dank der lieben Alice. Htte ich da noch ein kleines Problem. Ich wrde gerne eine Gallery erstellen wo man Thickbox und die Mosaik-Slidebox (beides mit jQuery) komponiert. Einzel geht dies super. Doch sobald ich den Code fr die Thickbox zur Slidebox hinzufge kommt nur ein Schwarzbild und mein eigentliches Bild wird nicht angezeigt. (Falls man es nicht auf die Screens achten!)
Die Codes sind folgendermaen:
header.php
<?php session_start(); include("db.php"); include("functions.inc.php"); include("bbc.inc.php"); if(!isset($_SESSION["login"]) && isset($_COOKIE["webvids_name"])) { if(exist("users WHERE name = '".umbruch($_COOKIE["webvids_name"])."' AND passwort = '".umbruch($_COOKIE["webvids_passwort"])."' AND status = '1'") && anzahl("users_login WHERE ip = '".getenv("REMOTE_ADDR")."' AND erfolgreich = '0' AND timestamp > '".(time()-60*30)."'") < 4) { $_SESSION["login"] = value("users WHERE name = '".umbruch($_COOKIE["webvids_name"])."' AND passwort = '".umbruch($_COOKIE["webvids_passwort"])."' AND status = '1'","id"); mysql_query("INSERT INTO users_login (name, ip, timestamp, erfolgreich) VALUES ('".umbruch($_COOKIE["webvids_name"])."', '".getenv("REMOTE_ADDR")."', '".time()."', '1')"); } else { mysql_query("INSERT INTO users_login (name, ip, timestamp, erfolgreich) VALUES ('".umbruch($_COOKIE["webvids_name"])."', '".getenv("REMOTE_ADDR")."', '".time()."', '0')"); } } ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> <head> <title>› FH4Y † Flying Hearts for You ‹</title> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> <link rel="stylesheet" type="text/css" href="style.css" /> <link rel="shortcut icon" type="image/x-icon" href="./img/favicon.ico" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <script type="text/javascript" src="js/thickbox.js"></script> <script type="text/javascript" src="js/mosaic.1.0.1.js"></script> <script type="text/javascript"> jQuery(function($){ $('.bar').mosaic({ animation : 'slide' }); }); </script> </head> <body> <div id="container"> <div id="werbung"> <a id="links" href="https://twitter.com/DJaneMauzi" target="_blank"><img src="http://s3.imgimg.de/uploads/twittera1f1054epng.png"></a> <a id="links" href="http://www.youtube.com/user/HorrorAnqel" target="_blank"><img src="http://s3.imgimg.de/uploads/ytf6c87e89png.png"></a><a id="links" href="http://animexx.onlinewelten.com/mitglieder/steckbrief.php?id=472677" target="_blank"><img src="http://s3.imgimg.de/uploads/mexxb95f674bpng.png"></a> <a id="links" href="http://www.wer-kennt-wen.de/person/o4ivziq2" target="_blank"><img src="http://s3.imgimg.de/uploads/wkw0aa53cd3png.png"></a> <a id="links" href="http://saiy-jano.deviantart.com/" target="_blank"><img src="http://s3.imgimg.de/uploads/dadfcfa3ddpng.png"></a> <a id="links" href="http://s183.photobucket.com/home/HorrorAnqeL/index" target="_blank"><img src="http://s3.imgimg.de/uploads/pb63cb9dd7png.png"></a> </div> <?php $bilder=array("header01","header02","header03","header04"); mt_srand ((double)microtime()*1000000); $zahl = mt_rand(0,(count($bilder) - 1)); echo "<div id='".$bilder[$zahl]."'></div>"; ?> <div id="content">
icons.php
<?php include("header.php"); ?> <h1>Willkommen</h1> <div id="display">Es freut mich sehr das <b>du</b> dich auf <u>meiner</u> kleinen aber feinen Homepage verirrt hast! <i>Flying Hearts for You</i> ist sowas wie ein <s>kleiner</s> Blog nur <b>ohne</b> Bloggen. Sie fllt daher in die Kategorie "<i>Private Homepage</i>" meiner Hinsicht nach. Hier kommt <u>alles</u> drauf was ich gerne <b>hier</b> draufschmeien mchte sei es nun FanFictions oder Reviews. Schau dich <u>hier</u> einfach um und erfahre mehr ber mich und meiner Welt <s>und wenn du Lust hast dann nimm auch Kontakt mit mir auf</s>.</div> <?php $proseite = 1; $seite = (isset($_REQUEST["seite"]) ? zahl($_REQUEST["seite"]) : 0); $erg = mysql_query("SELECT * FROM news ORDER BY timestamp DESC LIMIT ".$seite.", ".$proseite); while($row=mysql_fetch_object($erg)) { ?> <h1><?= $row->titel ?></h1> <table width="100%"> <tr> <td width="1%" valign="top"><a href="news.php?id=<?= $row->id ?>" class="button">Hearts [<?= anzahl("news_kommentare WHERE news = '".$row->id."'") ?>]</a><br /><img src="<?php echo $image; ?>" border="0" alt="" width="100" id="ava" /></td> <td width="99%" valign="top"><?= stripslashes(bbccode($row->text)) ?></td> </tr></table> <div class="spacer"></div> <?php } ?> <div id="site"><?= seite("news",$seite,$proseite,"index.php?seite=") ?></div> <?php include("footer.php"); ?>
style.css
/* ####### Slidebox ####### */ .mosaic-block{ left:0%; top:0%; position:absolute; } .clearfix{ display: block; height: 0; clear: both; visibility: hidden; } .details{ margin:2px 2px 2px 2px; font-size:10px; text-align:center; color:#FFFFFF; } /* Mosaic - Sliding Boxes and Captions jQuery Plugin Version 1.0.1 www.buildinternet.com/project/mosaic By Sam Dunn / One Mighty Roar (www.onemightyroar.com) Released under MIT License / GPL License */ /*General Mosaic Styles*/ .mosaic-block { float:left; position:relative; overflow:hidden; width:100px; height:100px; background:url(img/bg-black.png); padding:4px; border:1px solid #121212; margin:2px; } .mosaic-backdrop { display:none; position:absolute; top:2; height:100%; width:100%; } .mosaic-overlay { display:none; z-index:5; position:absolute; width:100%; height:100%; background:#111; } /*** Custom Animation Styles (You can remove/add any styles below) ***/ .circle .mosaic-overlay { background:url(../img/hover-magnify.png) no-repeat center center; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); display:none; } .fade .mosaic-overlay { opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); background:url(../img/bg-black.png); } .bar .mosaic-overlay { bottom:-100px; height:30px; background:url(img/bg-black.png); } .bar2 .mosaic-overlay { bottom:-50px; height:100px; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); } .bar2 .mosaic-overlay:hover { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); } .bar3 .mosaic-overlay { top:-100px; height:100px; background:url(../img/bg-black.png); } /* ####### Thickbox ####### */ *{padding: 0; margin: 0;} #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }
Ich wrde mich sehr ber hilfe freuen und mich entschuldigen das es so viel Code wurde.
lG djaneMauzi
Antworten 
Zitat 
[ 1 ]
Seite 1 von 1
