"News-Slider"

Techno · 26 Februar 2011

Hallo,
ich stehe vor folgendem Problem.
Ich will eine News-Anzeige so scripten, dass wenn man auf news 2 klickt das news2.jpg angezeigt wird. Das ist an sich ja nicht schwer, aber das bild muss an einer anderen stelle als die News titel sein.
Falls ihr da gerade nicht durchblickt schaut euch die news an:

Enterpage - World of Dark Temptation Network

(Das soll keine werbung oder so sein aber ich kann im moment nix hochladen darum ist es schwer einen screenshot zu schießen)

also klicke auf news6 wird news6.jpg rechts daneben angezeigt..

kann mir jemand helfen?

danke im voraus

liebe grüße

Techno

mustang · 26 Februar 2011

das kannst du zum beispiel mit php lösen.
einfach bei der news einen link drauf mit ?news=news1 und dann per php die get variable auslesen und an der stelle der news den entsprechenden text ausgeben.

Ps.: kann es sein, dass du die website an einem 4:3 bildschirm erstellt hast? bei mir ist rechts alles weiß.

Techno · 26 Februar 2011

danke für die schnelle hilfe

aber darf ich dir sagen dass ich nicht soo ganz verstehe was du mir da sagen willst?
ich mache das noch nicht soo lange und hab auch mit php kaum was zu tun..

ja ok, dieser weg war mir bekannt. aber dann switcht die page ja nur zu dem text, anstatt nur das bild rechts in die entsprechenden news zu ändern..

mustang schrieb:
einfach bei der news einen link drauf mit ?news=news1 und dann per php die get variable auslesen

so einfach ist das gar nicht ... komm nich weiter :'(

mustang · 27 Februar 2011

aaaalso^^
dein link auf der news sieht dann so aus:

HTML:

<a href="?news=news1">Textfürnews1</a>
<a href="?news=news2">Textfürnews2</a>
usw...

an der stelle, wo nun der text eingefügt werden soll, machst du einen php teil hin. dazu musst du auch die html datei in .php umbenennen. du kannst dadrin weiterhin wie in einer normalen html-datei deinen code schreiben.

php-teil:

PHP:

<?php

$news = htmlspecialchars($_GET["news"], ENT_QUOTES, "UTF-8");
if ((isset($news)) and ($news == "news1")) { echo "Das ist die erste tolle neuigkeit, die ich euch anzeigen will."; }

if ((isset($news)) and ($news == "news2")) { echo "Das ist die zweite tolle neuigkeit, die ich euch anzeigen will."; }

usw....
?>

das sollte eigentlich funktionieren.

Techno · 4 März 2011

ok ich hab es so weit das die bilder angezeigt werden, jedoch wird die seite jetzt gesplitted weil mehr als nur eine news angezeigt werden..

wie mache ich des jetzt das nur eine news angezeigt wird und die anderen "verborgen" bleiben?

zur verdeutlichung hier der Code:

PHP:

<html>
<head>
<title>Enterpage - World of Dark Temptation Network</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (index.psd) -->
<table id="Tabelle_01" width="1025" height="769" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="15">
			<img src="Bilder/index_01.jpg" width="1024" height="132" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="132" alt=""></td>
	</tr>
	<tr>
		<td colspan="15">
			<img src="Bilder/index_02.jpg" width="1024" height="12" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="12" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="15">
			<img src="Bilder/index_03.jpg" width="152" height="368" alt=""></td>
		<td rowspan="2">
			<a href="?news=news1"><img src="Bilder/index_04.jpg" width="250" height="26" alt=""></a></td>
		<td colspan="12">
			<img src="Bilder/index_05.jpg" width="622" height="2" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="2" alt=""></td>
	</tr>
	<tr>
		<td rowspan="14">
			<img src="Bilder/index_06.jpg" width="11" height="366" alt=""></td>
		<td colspan="6" rowspan="12">
						<?php

$news = htmlspecialchars($_GET["news"], ENT_QUOTES, "UTF-8");
if ((isset($news)) and ($news == "news1")) { echo "<img src='Bilder/news1.jpg' alt='bild1'>"; }

if ((isset($news)) and ($news == "news2")) { echo "<img src='Bilder/news2.jpg' alt='bild2'>"; }

if ((isset($news)) and ($news == "news3")) ( echo "<img src='Bilder/news3.jpg' alt='bild3'>"; )

?>
</td>
		<td colspan="5" rowspan="13">
			<img src="Bilder/index_08.jpg" width="157" height="365" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="24" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="?news=news2"><img src="Bilder/index_09.jpg" width="250" height="25" alt=""></a></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="25" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="?news=news3"><img src="Bilder/index_10.jpg" width="250" height="25" alt=""></a></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="25" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="?news=news4"><img src="Bilder/index_11.jpg" width="250" height="25" alt=""></a></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="25" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="?news=news5"><img src="Bilder/index_12.jpg" width="250" height="25" alt=""></a></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="25" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="?news=news6"><img src="Bilder/index_13.jpg" width="250" height="25" alt=""></a></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="25" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="?news=news7"><img src="Bilder/index_14.jpg" width="250" height="26" alt=""></a></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="26" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="?news=news8"><img src="Bilder/index_15.jpg" width="250" height="25" alt=""></a></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="25" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="?news=news9"><img src="Bilder/index_16.jpg" width="250" height="25" alt=""></a></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="25" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="?news=news10"><img src="Bilder/index_17.jpg" width="250" height="25" alt=""></a></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="25" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="?news=news11"><img src="Bilder/index_18.jpg" width="250" height="26" alt=""></a></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="26" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="Bilder/index_19.jpg" width="250" height="90" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="5" alt=""></td>
	</tr>
	<tr>
		<td colspan="6">
			<img src="Bilder/index_20.jpg" width="454" height="84" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="84" alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="Bilder/index_21.jpg" width="183" height="1" alt=""></td>
		<td colspan="3" rowspan="2">
			<iframe title="YouTube video player" width="289" height="156" src="http://www.youtube.com/embed/yQynZmtkLcs?rel=0" frameborder="0" allowfullscreen></iframe></td>
		<td colspan="3" rowspan="4">
			<img src="Bilder/index_23.jpg" width="139" height="187" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td rowspan="7">
			<img src="Bilder/index_24.jpg" width="142" height="240" alt=""></td>
		<td colspan="5" rowspan="2">
			<iframe title="YouTube video player" width="289" height="156" src="http://www.youtube.com/embed/sAhaXS-u92o?rel=0" frameborder="0" allowfullscreen></iframe></td>
		<td colspan="3" rowspan="3">
			<img src="Bilder/index_26.jpg" width="165" height="186" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="155" alt=""></td>
	</tr>
	<tr>
		<td colspan="3" rowspan="2">
			<img src="Bilder/index_27.jpg" width="289" height="31" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="Bilder/index_28.jpg" width="289" height="30" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="30" alt=""></td>
	</tr>
	<tr>
		<td colspan="4" rowspan="4">
			<img src="Bilder/index_29.jpg" width="284" height="54" alt=""></td>
		<td colspan="3">
			<a href="http://www.world-of-dark-temptation.de/index.php">
				<img src="Bilder/index_16-31.jpg" width="56" height="11" border="0" alt=""></a></td>
		<td colspan="3" rowspan="4">
			<img src="Bilder/index_31.jpg" width="392" height="54" alt=""></td>
		<td colspan="3" rowspan="2">
			<a href="http://www.wodt-network.de/css/">
				<img src="Bilder/index_18-33.jpg" width="52" height="13" border="0" alt=""></a></td>
		<td rowspan="4">
			<img src="Bilder/index_33.jpg" width="98" height="54" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="11" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="3">
			<a href="http://www.world-of-dark-temptation.de/index.php">
				<img src="Bilder/index_20-35.jpg" width="13" height="43" border="0" alt=""></a></td>
		<td rowspan="2">
			<a href="http://www.world-of-dark-temptation.de/index.php">
				<img src="Bilder/index_21-36.jpg" width="43" height="28" border="0" alt=""></a></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="2" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="2">
			<a href="http://www.wodt-network.de/css/">
				<img src="Bilder/index_22-37.jpg" width="13" height="41" border="0" alt=""></a></td>
		<td>
			<a href="http://www.wodt-network.de/css/">
				<img src="Bilder/index_23-38.jpg" width="39" height="26" border="0" alt=""></a></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="26" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/index_38.jpg" width="43" height="15" alt=""></td>
		<td>
			<img src="Bilder/index_39.jpg" width="39" height="15" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="15" alt=""></td>
	</tr>
	<tr>
		<td colspan="15">
			<a href="http://www.wodt-network.de">
				<img src="Bilder/index_26-41.jpg" width="1024" height="16" border="0" alt=""></a></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="16" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="142" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="10" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="250" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="11" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="13" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="5" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="8" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="43" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="114" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="271" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="7" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="11" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="2" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="39" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="98" height="1" alt=""></td>
		<td></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

"News-Slider"

Techno

Neues Mitglied

mustang

Mitglied

Techno

Neues Mitglied

mustang

Mitglied

Techno

Neues Mitglied

Neueste Beiträge