Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

Background i dodanie do niego obiektow

Tworzenie dynamicznych stron internetowych z zastosowaniem JavaScript, jQuery, Ajax. Dowiedz się jak to zrobić, znajdź rozwiązania swoich problemów.

Background i dodanie do niego obiektow

Post 30.11.2017, 23:33:59

Witam milosnikow js,
Zwracam sie do was bo mam maly problem , a raczej kilka problematycznych pytan do was.
-- mianowicie musze zrobic projekt aplikacje, ktorego background (jest to zdjecie w duzej rozdzielczosci 6k/4k gdzies tak) ma byc tak jak kola ziemska nie wiem jak to zrobic, znalazlem info jak zrobic przewijane w 360° tlo rodzaj galeri ,ale na plasko etc , ale nic na temat tego powiedzmy globusu. Bo zdjecie to wycinek kosmosu i ma byc przedstawione w koli zeby ktos mogl myszka latac na okolo jak mu sie podoba.
---- teraz na tym zdjeciu sa gwiazdy i niektore z nich maja byc popapowe, nie mam zielonego pojecia jak umiescic te gwiazdy na tym tle one sa juz na zdjeciu ,a ja mam je zlokalizowac i zeby sie podswietlaly jak najade myszka, wiem ze trzeba oprzec sie na wspolrzednych zdjecia, wiec przeszukiwalem skrypty z mapami itd , bez wiekszych efektow

Jest tam dosc duzo tego do przerobienia w tym projekcie , to z czym sie juz uporalem to -Timeline, wrzucanie elementow na niego, popup obiektu, baza danych etc i zablokowalo mnie to tlo w ksztalcie globusa i te przyporzadkowanie wspolrzednych tym gwiazdom (same gwiazdki juz mam) brakuje mi tylko ich umiejscowienia na tym tle. Jesli ktos ma namiary na jakis kawalek skryptu badz moze cos poradzic albo jakies linki to bede bardzo wdzieczny, nie wiem ile godzin juz przesiedzialem nad tym i i moze to wlasnie ta bezradnosc wpedza mnie w mylnosc moich poszukiwan, dodam ze z js-em jestem na etapie nowicjusz i chyba zeby mnie moralnie dobic to mi dali tyle tego js w projekcie.
Mam nadzieje ze trafie na jakiegos mistrza js ktory mnie poratuje , z gory dziekuje za pomoc.
maggicco
Posty: 2
Dołączył(a): 30.11.2017

Re: Background i dodanie do niego obiektow

Post 03.12.2017, 19:49:07

Dorzuce moj kawalek css-u moze to pomoze, nie wiem czy trzeba to tlo zrobic w canvasie itd co mozecie poradzic

Kod: Zaznacz cały

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
   display: block;
}
body {
   line-height: 1;
}
ol, ul {
   list-style: none;
}
blockquote, q {
   quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
   content: '';
   content: none;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
}staduim

.canvas {

   width: 100%;
   height: 86vh;

}

.canvas-ul {

   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;

}

.canvas-ul li {

   display: flex;
   border: 1px solid rgba(255, 255, 255, 0.25);
  background-color: rgba(240, 248, 255, 0.12);
   width: 100%;
   height: 50px;

}

.canvas-ul li:first-child {

   border:none;
   background-color: transparent;
}

.canvas-ul li:last-child {

   border:none;
   background-color: transparent;
}

html {

   background: url(img/background.jpg) center no-repeat fixed;

}

body {

   display: flex;
   width: 100%;
   height: 100vh;
   background-color: rgba(0, 0, 0, 0.15);

}

span {

   margin: auto;
   color: rgba(255, 255, 255, 0.50);

}

main {

   margin: auto;
   width: 100%;

}

section {

   display:flex;
   flex-direction: row;
   flex-wrap:nowrap;

}

article {



}

#draw-left {

display: flex;
flex-direction: row;
flex-wrap: nowrap;
width: 4.85%;
background-color: rgba(240, 248, 255, 0.12);
font-size: 30px;

}


#canvas-center {

width: 100%;
background-color: white;

}

#draw-right {

display: flex;
flex-direction: row;
flex-wrap: nowrap;
width: 4.85%;
background-color: rgba(240, 248, 255, 0.12);
font-size: 30px;

}

maggicco
Posty: 2
Dołączył(a): 30.11.2017


Powrót do JavaScript


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Bing [Bot], Yahoo [Bot] i 4 gości

Hosting, Domeny, SSL

Subskrypcja

Mamy 50864 zarejestrowanych użytkowników.
Najnowszy użytkownik: paulinaka


Nasi użytkownicy napisali:

  • 936286 wiadomości
  • w 246804 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)