Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

Promowane odpowiedzi

Dembo    128

Nie wiem czy chodzi Ci dokładnie o to, ale masz. 

 

Aby zmienić tło strony za pomocą java script musimy odwołać się do własności background.
Przykład:
<script type="text/javascript">
function zmianaTla(obrazek){
document.body.background=obrazek;
}
</script>
//zmiana tła strony po kliknięciu linku
<a href="javascript:zmianaTla('obrazek.gif')">Zmień tło</a>
  • Lubię to! 1

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Dembo    128

Liczę na piwko. ;) 

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="Author" content="Wojtex">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Script-Type" content="text/css">
 
<script type="text/javascript">
   var tla=new Array('tlo1.png','tlo2.png'); 
   var index=0; 
 
   function zmien_tlo() { 
     document.getElementById('id_body').style.backgroundImage="url('"+tla[index]+"')"; 
    if(index==tla.length-1) 
        index=0; 
    else 
      index++; 
     setTimeout('zmien_tlo()',30000);//<--30 sekund 
}
</script>
</head>
 
<body onload="zmien_tlo()" id="id_body">
</body>
</html>

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
ghost14    28

Sorki ale tym razem zrobiłeś galerie przypadkiem anie tło na przyciski dwa...

 

Jeszcze raz mam stale tło w body co nie i chce dać dwa tła załaczane przyciskiem jak to zrobić?

 

- jak postawić piwko?

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Dembo    128

Zaraz Ci pomogę bo idę się wykąpać. Klikasz na " Lubie to " 

 

Teraz musi Ci działać 

	<html>
	<head>
	<script type="text/javascript">
	function changeImage(img) {
	var oDiv = document.getElementById('layer');
	oDiv.style.backgroundImage = "url('"+img+"')";
	}
	</script>
	<style type="text/css">
	#layer {border: 1px solid #000; width: 250px; height: 250px; background: url(foto001.jpg) no-repeat;}
	</style>
	</head>
	<body>
	<form id="formularz" action="#" class="form">
	<select onchange="changeImage(this.value)" style="width:110px;">
	<option value ="foto002.jpg" selected="selected">foto002.jpg</option>
	<option value ="foto003.jpg">foto003.jpg</option>
	</select>
	</form>
	<div id="layer"></div>
	</body>
	</html>
	
Edytowane przez PatryczeK

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
ghost14    28

Kod prawie dobry ale daje odswiezanie i mam dopiero 1 tlo a mialo byc stale dla body lub dla diva a reszta dobra sprawdz sam?

 

<html>
 
 
<head>
 
 
<script type="text/javascript">
function changeImage(img) {
var oDiv = document.getElementById('layer');
oDiv.style.backgroundImage = "url('"+img+"')";
}
</script>
<style type="text/css">
#layer {border: 1px solid #000; width: 1000px; height: 1200px; background: url(tlo1.jpg) no-repeat;}
</style>
</head>
<body>
<form id="formularz" action="#" class="form">
<select onchange="changeImage(this.value)" style="width:110px;">
<option value="tlo2.jpg" selected="selected">tlo2.jpg</option>
<option value="tlo3.jpg" selected="selected">tlo3.jpg</option>
</select>
</form>
<div id="layer"></div>
</body>
</html>
 
 
 
 
 

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
ghost14    28

Wykombinowałem i tak powinno wyglądać:

<html>
<head>
<script type="text/javascript">
function changeImage(img) {
var oDiv = document.getElementById('layer');
oDiv.style.backgroundImage = "url('"+img+"')";
}
</script>
<style type="text/css">
*{margin:0px; padding:0px;}
#layer {border: 1px solid #000; width: 1000px; height: 1200px; background: url(tlo1.jpg) no-repeat;}
</style>
</head>
<body id="layer">
<form id="formularz" action="#" class="form">
<select onchange="changeImage(this.value)" style="width:110px;">
<option value="tlo2.jpg" selected="selected">tlo2.jpg</option>
<option value="tlo3.jpg" selected="selected">tlo3.jpg</option>
</select>
</form>
<div></div>
</body>
</html>
 
 
 
 
 
Edytowane przez ghost14

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.

  • Podobna zawartość

    • Przez Bartek Huza
      Witam! Ostatnio siedziałem przed jednym wyzwaniem, mianowicie nad zrobieniem wysuwanego menu. Udało mi się je skończyć tylko nie działa poprawnie na stronie głównej oraz scrollUp pojawia się gdy scrolluje w dół podczas gdy menu jest wysunięte. Nie wiem jak to naprawić, używałem do tego css, javascript, jquery. Wysyłam pliki, z góry dzięki za pomoc.
       
      index.html


      style.css
      stylewpis.css
      img.css
      code.js
      jquery.scrollTo.min.js
      show-nav.js
    • Przez MatsoN
      Cześć, chciałbym umieścić na stronie licznik osób online podzielony na 3 części;
      Zalogowani wraz z nazwą wyświetlaną (tablica php) Niezalogowani wraz z nazwą wyświetlana (ostatnie ip) Niezalogowani z flagą kraju (geolokalizacja)  
      Z góry dzięki za pomoc
    • Przez aXen
      Witam,
      Mam jeden problem, nie wiem jak dodać kod do JS odpowiadający za ukrycie danej treści.
      Kod:
      <script type="text/javascript" language="JavaScript"> function DoSTH(d) { if(d.length < 1) return; if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; } else { document.getElementById(d).style.display = "none"; } } </script> Po wejściu na stronę mam tak: https://scr.hu/nVGy7m
      A chcę aby wyświetlało się tak: https://scr.hu/vWV7XX
      Forum: https://1shot2kill.pl/
      Chodzi tutaj o grupę "Admin CS 1.6". Udało mi się osiągnąć że po kliknięciu wyskakuje lista adminów lecz nie wiem co dodać do JS aby domyślnie było to ukryte.
    • Przez kuci
      Witaj, projektowanie i tworzenie stron WWW to moja pasja. Zapraszam Cię do zapoznania się z moją ofertą.
       


      WYKONAM:
      1.Tworzenie for na silnikach tj. MyBB, IPB, PHPBB3. Oferuję:
      Instalacja, konfiguracja forum Konwertowanie bazy do innych silników np. z MyBB do IPB lub IPB 3.4 do 4.x Przenoszenie forum z jednego serwera na drugi Podpinanie domen Instalacja, konfiguracja pluginów, lekka modyfikacja Instalacja stylów, modyfikacje wyglądu forum  
      2. Tworzenie stron opartych o silnik Wordpress
      Instalacja silnika, podstawowa konfiguracja Instalacja stylu, dostosowanie płatnych styli wg. wymagań Instalacja/Konfiguracja wtyczek.  
      3. Tworzenie wizytówek/ stron www
      Kodowanie Layoutów Cięcie .PSD Strony typu Landing-page Zaproponuj coś  
      Przyjmuje również inne zlecenia - masz pytanie pisz śmiało
       
       
      Nie posiadam cennika, do każdego zlecenia podchodzę indywidualnie.
       
      Forma płatności: Tylko przelew.
      Ostatnio wykonane zlecenia: www.kuciweb.pl
       
      Serdecznie zapraszam do kontaktu.
       
      Kontakt: Email: m.kuczma96@gmail.com / PW FORUM
    • Przez rogue
      Trochę odświeżona wersja wcześniejszego portfolio, kolorystyka i układ pozostał nie zmieniony jedynie dodano kilka rzeczy. Potrzebuje feedback jak strona działa na telefonach oraz takie ogólne informacje. Profesjonalistą nie jestem więc moje pliki sass mogą być napisane dość amatorsko, strona dostępna jest na githubie.
       
      Autor: @rogue / StormWEB
      Tematyka: Usługi Front-End
      Screen/Demo: http://www.stormweb.pl
  • Ostatnie tematy

×