Ротация на хедър и бекгрунд?

qnkovweb · 6 Март 2014

Как ще изглежда кода за ротация на бекгрънд и хедъра? Примерно 1 хедър да се показва с даден бекгрънд, после като рефрешнеш сайта примерно 2-рия хедър да се показва с друг бекгрънд и те избрани от мен. Някой ще хелпне ли с кода и точното му поставяне? Мерси.
Също така как можеш да направиш бекгрънда с различните резолюции да се вижда еднакво? Примерно на лаптоп 15.6 се виждат картинките на бекгрънда добре, но на 19 инчов с различна резоюция, картинките влизат в монитора? Как се оправя и това?
Ето ми го кода за бекгрънда в стиле...

PHP:

body {
	background-image: url("images/bg.jpg");
	background-position: top;
	background-repeat: no-repeat;
                background-attachment:fixed;

	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
                min-height: 100%;
	min-width: 1024px;

	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #000000;

[/php]

anonimen · 7 Март 2014

Ако не те мързеше да видиш в гугъл, щеше да намериш решението:

PHP:

function random_pic($dir = 'uploads')
{
    $files = glob($dir . '/*.*');
    $file = array_rand($files);
    return $files[$file];
}
echo random_pic('directory/with/pictures');

qnkovweb · 7 Март 2014

Не ме мързи, просто не го разбирам точно и ми трябва по-детайлна информация. Това трябва да го слагам във всеки .php файл на сайта ми и кое точно кое да е? Кое да е за баннера, кое да е за логото?

Ако може отговор и за въпроса ми с бекгрънда и различните размери монитори?

anonimen · 7 Март 2014

qnkovweb каза:
Не ме мързи, просто не го разбирам точно и ми трябва по-детайлна информация. Това трябва да го слагам във всеки .php файл на сайта ми и кое точно кое да е? Кое да е за баннера, кое да е за логото?

Ако може отговор и за въпроса ми с бекгрънда и различните размери монитори?

Пробвай това (по второто):
[css]background-size: 100%;[/css]

По първото:
в този код е показано как да вземеш име на проозволен файл от директория. Можеш да го сложиш където си искаш в страницата.

qnkovweb · 7 Март 2014

PHP:

function random_pic($dir = 'uploads')
{
    $files = glob($dir . '/*.*');
    $file = array_rand($files);
    return $files[$file];
}
echo random_pic('directory/with/pictures');

Добре де, как точно мога с този код бекгрънд и хедър да се показват те 2-та и при рефреш други 2 да се показват?

Къде точно да слагам пътя на хедъра и къде точно на бекгрънда?
Смисъл такъв искам да направя чифт бекгрънд и хедър. Определен хедър да се показва с определен бекгрънд.

anonimen · 8 Март 2014

qnkovweb каза:
Къде точно да слагам пътя на хедъра и къде точно на бекгрънда?
Смисъл такъв искам да направя чифт бекгрънд и хедър. Определен хедър да се показва с определен бекгрънд.

Направи така:

PHP:

//тук ключовете на масива са само имената на картинките за всеки хедър. Стойностите трябва да описват пълния път до бекграунда за всеки хедър
var headers = Array(
"header1.jpg" => "/bgrnds/background1.jpg",
"header2.jpg" => "/bgrnds/background2.jpg",
"header3.jpg" => "/bgrnds/background3.jpg"
);

function random_pic()
{
    $dir = 'images/headers';//това е папката с хедърите
    $files = glob($dir . '/*.*');
    $file = array_rand($files);
    return $files[$file];
}
$header = random_pic();//взимаме хедър
$background = headers[$header];//взимаме съответния бекграунд

И сега в двете променливи $header и $background имаш имената (не пътищата) до картинките.

qnkovweb · 8 Март 2014

Нещо не успях да го направя да тръгне...
Ето ми го кода сегашният, и как ще стане този новият да замени сегашният. Пиковете са в папка images всичките.

PHP:

<?php
define('IN_PHPBB', true);
$phpbb_root_path = (defined('PHPBB_ROOT_PATH')) ? PHPBB_ROOT_PATH : './forum/';
$phpEx = substr(strrchr(__FILE__, '.'), 1);
include($phpbb_root_path . 'common.' . $phpEx);

// Start session management
$user->session_begin();
$auth->acl($user->data);
$user->setup();
?>
<?php
include 'quotes.php';
include 'counter.php';
?>
<html>
<head><link href="style.css" rel="stylesheet" type="text/css">
<title>AniSubs-Team - fansubs...</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script src="scripts/swfobject_modified.js" type="text/javascript"></script>

<title>Slider</title>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <link rel="stylesheet" type="text/css" href="retioSlider.css" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
        <script type="text/javascript" src="retioSlider.min.js"></script>



</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<table id="Table_01" width="956" height="860" border="0" cellpadding="0" cellspacing="0">
 <tr><td colspan="2" class="quicklinks" width="956" height="40" alt="">
  <img src="images/arrow.gif">  <a href="contacts.php" target="_self"><b>Контакти</b></a>
  <img src="images/arrow.gif">  <a href="questions.php" target="_self"><b>Въпроси</b></a>
  <img src="images/arrow.gif">  <a href="gallery.php" target="_self"><b>Галерия</b></a>
  <img src="images/arrow.gif">  <a href="radio.php" target="_self"><b>Радио</b></a>
  <img src="images/arrow.gif">  <a href="video/" target="_parent"><b>Гледай</b></a>
  <img src="images/arrow.gif">  <a href="forum/" target="_parent"><b>Форум</b></a>
</td></tr>
<?php

$rand = rand(1,2);

if ( $rand == '1' )

{

?>

<tr><td colspan="2"><object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="956" height="200">



  <param name="movie" value="images/Anisub.jpg">



  <param name="quality" value="high">



  <param name="wmode" value="opaque">



  <param name="swfversion" value="9.0.45.0">



  



  <param name="expressinstall" value="scripts/expressInstall.swf">



  



  



  <object type="application/x-shockwave-flash" data="images/Anisub.jpg" width="956" height="200">



    



    <param name="quality" value="high">



    <param name="wmode" value="opaque">



    <param name="swfversion" value="9.0.45.0">



    <param name="expressinstall" value="scripts/expressInstall.swf">



    



    <div>



      <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>



      <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>



    </div>



    



  </object>

<?

}

elseif( $rand == '2')

{

?>

<tr><td colspan="2"><object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="956" height="200">



  <param name="movie" value="images/Anisubs.jpg">



  <param name="quality" value="high">



  <param name="wmode" value="opaque">



  <param name="swfversion" value="9.0.45.0">



  



  <param name="expressinstall" value="scripts/expressInstall.swf">



  



  



  <object type="application/x-shockwave-flash" data="images/Anisubs.jpg" width="956" height="200">



    



    <param name="quality" value="high">



    <param name="wmode" value="opaque">



    <param name="swfversion" value="9.0.45.0">



    <param name="expressinstall" value="scripts/expressInstall.swf">



    



    <div>



      <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>



      <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>



    </div>



    



  </object>

<?

}

anonimen · 9 Март 2014

Точно преди. </head> сложи това:

PHP:

…//кодът от предишния ми пост
<style> body { background: url(<?=$background?>); }
#header // примерно, ти си сложи твоя хедър
{ background: url(<?=$header?>); }
</style>

Вероятно няма да тръгне веднага ако картинките нв са ти в същата директория, затова си оправи пътищата (напр. url(/papka/images/<?=$header?>)

qnkovweb · 9 Март 2014

Не мога да го уцеля това да работи. Ето как го сложих... Също така в style.css какво променям там, след като от там ми се взима кода за бекгрънда?

PHP:

<html>
<head><link href="style.css" rel="stylesheet" type="text/css">
<title>AniSubs-Team - fansubs...</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script src="scripts/swfobject_modified.js" type="text/javascript"></script>

<title>Slider</title>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <link rel="stylesheet" type="text/css" href="retioSlider.css" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
        <script type="text/javascript" src="retioSlider.min.js"></script>

<style>
var headers = Array(
"header1.jpg" => "/images/background1.jpg",
);

function random_pic()
{
    $dir = 'images';//това е папката с хедърите
    $files = glob($dir . '/*.*');
    $file = array_rand($files);
    return $files[$file];
}
$header = random_pic();//взимаме хедър
$background = headers[$header];//взимаме съответния бекграунд
</style>
</head>

anonimen · 9 Март 2014

Е ти си копирал само половината от кода, който ти дадох, естествено, че няма да стане!
В новия ти код това не го виждам никъде -

PHP:

…//кодът от предишния ми пост
<style> body { background: url(<?=$background?>); }
#header // примерно, ти си сложи твоя хедър
{ background: url(<?=$header?>); }
</style>

qnkovweb · 9 Март 2014

Опитвам се, но ми е много сложно, а и с notepad работя и работата е трагична. Възможно ли е ти да ми оформиш готов кода и да го копи-пасте? Папката, в които са снимките е "images", а имената на снимките са за хедър - header1.jpg, header 2.jpg и бекгръндовете - background1.jpg, background2.jpg
Общо взето само 2 чифта да ми го направиш. 1-1 хедър и бекгрънд, 1-1 хедър и бекгрънд с имената, които съм дал.

Ето аз к'во слагам... ;/

PHP:

<style>
var headers = Array(
"header1.jpg" => "/images/background1.jpg",
);

function random_pic()
{
    $dir = 'images';//това е папката с хедърите
    $files = glob($dir . '/*.*');
    $file = array_rand($files);
    return $files[$file];
}
$header = random_pic();//взимаме хедър
$background = headers[$header];//взимаме съответния бекграунд
body { background: url(images/<?=$background?>); }
#header // примерно, ти си сложи твоя хедър
{ background: url(images/<?=$header?>); }

</style>

Ротация на хедър и бекгрунд?

qnkovweb

Registered

anonimen

Super Moderator

qnkovweb

Registered

anonimen

Super Moderator

qnkovweb

Registered

anonimen

Super Moderator

qnkovweb

Registered

anonimen

Super Moderator

qnkovweb

Registered

anonimen

Super Moderator

qnkovweb

Registered