Loading...   Upload Image

Problem mit einem Gallery-SkriptForum » Webzone » (X)HTML & CSS » Problem mit einem Gallery-Skript

Neues Thema verfassen Neues Thema

  • DJaneMauziUser ist offline
    Beginner


    DJaneMauzi

    Registriert: 27.04.2008
    Beitraege: 42

    11.12.2011 um 02:50 Uhr

    Hallo. ^^ Da mir in diesem Forum schon oft geholfen wurde. Dank der lieben Alice. Hätte ich da noch ein kleines Problem. Ich würde gerne eine Gallery erstellen wo man Thickbox und die Mosaik-Slidebox (beides mit jQuery) komponiert. Einzel geht dies super. Doch sobald ich den Code für die Thickbox zur Slidebox hinzufüge kommt nur ein Schwarzbild und mein eigentliches Bild wird nicht angezeigt. (Falls man es nicht auf die Screens achten!)





    Die Codes sind folgendermaßen:

    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>&rsaquo; FH4Y &dagger; Flying Hearts for You &lsaquo;</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 fällt daher in die Kategorie "<i>Private Homepage</i>" meiner Hinsicht nach. Hier kommt <u>alles</u> drauf was ich gerne <b>hier</b> draufschmeißen möchte 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 würde mich sehr über hilfe freuen und mich entschuldigen das es so viel Code wurde. :)

    lG djaneMauzi



  • rompersUser ist offline
    Newbie


    rompers

    Registriert: 23.08.2012
    Beitraege: 3

    16.11.2012 um 10:18 Uhr

    Hallo DJaneMauzi,

    mal anders gefragt geht denn thickbox oder mosaic wenn du eines von beiden weg lässt?
    Bei dem Code sollte denke ich mal auch dann das thickbox oder mosaic dann drauf reagieren oder?

    <img src="<?php echo $image; ?>" border="0" alt="" width="100" id="ava" />



    LG rompers

[ 1 ] Seite 1 von 1


Affiliates:   Colorful Gfx  •   Chibi Graphics  •   Design Grafixx  •   Pat DG  •   Blue-Graphics  •   Gallery Yuri  •   The Seduction  • Show all ...
designenlassen.de - Der Design-Marktplatz für Webdesign, Logo-Design, Flyerdesign u.v.m.        ALL-INKL.COM - Webhosting Server Hosting Domain Provider