• Pagina 1 din 3
  • 1
  • 2
  • 3
  • »
Comunitatea uCoz » Configurări ale sistemului uCoz » Configurarea design-ului » Problema Slider (Buna ziua!)
Problema Slider
RazvaNC3050
Postări: 80
Reputație: 0
Mesaj # 1 | 3:05 PM 19/02/2012
Am pus acest cod in demo :
Code
<div class="rt-grid-8 rt-alpha">
   <div class="flush">
     <div class="rt-block">
       <div class="module-content">
         <div class="module-content2">
           <div align="center">
             <iframe src="/demo/slider.html" width="620" height="280" style="z-index:1;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0"> </iframe>
           </div>
         </div>
       </div>
     </div>
   </div>
</div>
<div class="rt-grid-4 rt-omega">
   <div class="flush">
     <div class="rt-block">
       <div class="module-content">
         <div class="module-content2">
           <div class="roknewspager-wrapper">
             <ul class="roknewspager">
               <li>
                 <div class="roknewspager-div"> <a href="#"> <img src="/demo/images_min/thumb_rs3.jpg" alt="" /> </a>
                   <div class="introtext"> <strong>Dominion</strong>, the January 2010 template release from RocketTheme. </div>
                 </div>
               </li>
               <li>
                 <div class="roknewspager-div"> <a href="#"> <img src="/demo/images_min/thumb_rs1.jpg" alt="" /> </a>
                   <div class="introtext"> 6 stunning preset styles, in a mix of light and dark, each with 3 visual intensity levels. </div>
                 </div>
               </li>
               <li>
                 <div class="roknewspager-div"> <a href="#"> <img src="/demo/images_min/thumb_rs2.jpg" alt="" /> </a>
                   <div class="introtext"> RTL support from module structure, to the Fusion menu to the template elements. </div>
                 </div>
               </li>
             </ul>
           </div>
         </div>
       </div>
     </div>
   </div>
</div>


Salvez...si imi apar doar cele 3 imagini mici iar la slide apare un fundal alb si scrie:

Resource not found

uCoz Web Services

Cum fac sami apara ce imagini vreau eu pe slide...sa nu mai fie alb...
ArtyRo
Postări: 3502
Reputație: 140
Mesaj # 2 | 3:43 PM 19/02/2012
Code
<iframe src="/demo/slider.html" width="620" height="280" style="z-index:1;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0"> </iframe>


unde pe site-ul vostru este /demo/slider.html
RazvaNC3050
Postări: 80
Reputație: 0
Mesaj # 3 | 3:50 PM 19/02/2012
Muşatinu, Nu inteleg ce vrei sa zici.

Mai am si un alt cod cu care inainte sa schimb tema mergea....
Code
<style type="text/css">
/* Slaider */
#slideshow { position: relative; padding: 0; list-style: none; width: 620px; height: 280px; overflow: hidden; }
#slideshow img { border: none; }
#slideshow .arrow { width: 42px; height: 50px; display: block; position: absolute; top: 116px; text-indent: -9999px; overflow: hidden; cursor: pointer; }
#slideshow .arrowL { background: url(/images/arrowsslide.png) no-repeat; left: 0; }
#slideshow .arrowR { background: url(/images/arrowsslide.png) -42px 0px no-repeat; right: 0; }
.slideView, .thumbList { margin: 0; padding: 0; list-style: none; }
.slideView { height: auto; position: relative; top: 0; left: 0; overflow: hidden; z-index: 0; }
.slideView li { width: 100%; height: 280px; float: left; margin: 0; display: inline; }
.slideView li a { display: block; width: 100%; height: 100%; }
#slideshow .desc { padding: 5px; margin: 0; width: 620px; height: 24px; background: black; position: absolute; bottom: 0; left: 0px; color: white; font-weight: bolder; overflow: hidden; z-index: 6; font-size: 12px; }
#slideshow .wrap { background: black; position: absolute; height: 75px; bottom: 0; left: 0px; z-index: 90;}
#slideshow .thumbList { overflow: hidden; position: absolute; top: 0px; left: 0px; margin-top: 12px; display:none; }
#slideshow .thumbList li { width: 107px; height: 52px; display: inline; margin: 0; float: left; display:none; }
#slideshow .thumbList li a { display: block; width: 80px; height: 48px; border: 2px solid black; margin-left: 11px; }
#slideshow .thumbList li a:hover { border-color: #f75514; }
/* ------- */
</style>
<div class="rt-grid-8 rt-alpha">
  <div class="flush">
  <div class="rt-block">
  <div class="module-content">
  <div class="module-content2">
  <div id="slideshow">
  <ul class="slideView">
  <li><a href="#"><img src="/DEMO/r1.jpg" alt="Crazy Art - Ben Heine" /></a></li>
  <li><a href="#"><img src="/DEMO/r2.jpg" alt="Crazy Art - Ben Heine" /></a></li>
  <li><a href="#"><img src="/DEMO/r3.jpg" alt="Crazy Art - Ben Heine" /></a></li>
  </ul>
  </div>
  <script src="/js/slideView.js" type="text/javascript"></script>  
  <script type="text/javascript">
$(function() {
$("#slideshow").slideView({
  loop: true
  });  
});
</script>  
  </div>
  </div>
  </div>
  </div>
</div>
<div class="rt-grid-4 rt-omega">
  <div class="flush">
  <div class="rt-block">
  <div class="module-content">
  <div class="module-content2">
  <div class="roknewspager-wrapper">
  <ul class="roknewspager">
  <li>
  <div class="roknewspager-div"> <a href="#"> <img src="/DEMO/thumb_rs3.jpg" alt="Dominion Template Release Jan10" /> </a>
  <div class="introtext"> <strong>Bun Venit</strong>, ne bucuram ca ai ales sa te amuzi alaturi de noi.Pentru orice sugestii, pareri, propuneri, etc,va recomand sa folositi butonul CONTACT din meniul de sus. </div>
  </div>
  </li>
  <li>
  <div class="roknewspager-div"> <a href="#"> <img src="/DEMO/thumb_rs1.jpg" alt="6 Preset Styles - 18 Combinations" /> </a>
  <div class="introtext"> In fiecare zi adaugam lucruri noi pe site,deci merita sa reveniti! </div>
  </div>
  </li>
  <li>
  <div class="roknewspager-div"> <a href="#"> <img src="/DEMO/thumb_rs2.jpg" alt="RTL Support" /> </a>
  <div class="introtext"> Bancurinoi.ucoz.com urmareste sa iti aduca zambetul pe buze ori de cate ori il accesezi. </div>
  </div>
  </li>
  </ul>
  </div>
  </div>
  </div>
  </div>
  </div>
</div>


Dar acum daca il pun numi apare nici o imagine doar scrisu'.
Material modificat de RazvaNC3050 - Duminică, 19/02/2012, 3:52 PM
ArtyRo
Postări: 3502
Reputație: 140
Mesaj # 4 | 4:58 PM 19/02/2012
RazvaNC3050, imaginile le-ati incarcat?
RazvaNC3050
Postări: 80
Reputație: 0
Mesaj # 5 | 4:59 PM 19/02/2012
Muşatinu, da...cu aceleasi nume din script si in acelas loc.
ArtyRo
Postări: 3502
Reputație: 140
Mesaj # 6 | 5:03 PM 19/02/2012
link site
RazvaNC3050
Postări: 80
Reputație: 0
Mesaj # 7 | 5:14 PM 19/02/2012
bancurinoi.ucoz.com
RazvaNC3050
Postări: 80
Reputație: 0
Mesaj # 9 | 10:35 PM 19/02/2012
Muşatinu, am rezolvat pana la urma...singura greseala pe care am facuto a fost ca eu in script aveam DEMO...am pus demo si a functionat...nu credeam ca aceasta mica diferenta afecteaza cu ceva...in filezilla am demo cu litere mici...si asta conteaza mult din cate vad...daca scriu in script demo cu litere mici functioneaza...

Adăugat (19/02/2012, 8:35 PM)
---------------------------------------------
Problema e ca acum numi mai functioneaza sliderul...http://bancurinoi.ucoz.com...
Am pus acest cod
Code
<style type="text/css">
/* Slaider */
#slideshow { position: relative; padding: 0; list-style: none; width: 620px; height: 280px; overflow: hidden; }
#slideshow img { border: none; }
#slideshow .arrow { width: 42px; height: 50px; display: block; position: absolute; top: 116px; text-indent: -9999px; overflow: hidden; cursor: pointer; }
#slideshow .arrowL { background: url(/images/arrowsslide.png) no-repeat; left: 0; }
#slideshow .arrowR { background: url(/images/arrowsslide.png) -42px 0px no-repeat; right: 0; }
.slideView, .thumbList { margin: 0; padding: 0; list-style: none; }
.slideView { height: auto; position: relative; top: 0; left: 0; overflow: hidden; z-index: 0; }
.slideView li { width: 100%; height: 280px; float: left; margin: 0; display: inline; }
.slideView li a { display: block; width: 100%; height: 100%; }
#slideshow .desc { padding: 5px; margin: 0; width: 620px; height: 24px; background: black; position: absolute; bottom: 0; left: 0px; color: white; font-weight: bolder; overflow: hidden; z-index: 6; font-size: 12px; }
#slideshow .wrap { background: black; position: absolute; height: 75px; bottom: 0; left: 0px; z-index: 90;}
#slideshow .thumbList { overflow: hidden; position: absolute; top: 0px; left: 0px; margin-top: 12px; display:none; }
#slideshow .thumbList li { width: 107px; height: 52px; display: inline; margin: 0; float: left; display:none; }
#slideshow .thumbList li a { display: block; width: 80px; height: 48px; border: 2px solid black; margin-left: 11px; }
#slideshow .thumbList li a:hover { border-color: #f75514; }
/* ------- */
</style>
<div class="rt-grid-8 rt-alpha">
     <div class="flush">
     <div class="rt-block">
     <div class="module-content">
     <div class="module-content2">
     <div id="slideshow">
     <ul class="slideView">
     <li><a href="#"><img src="/demo/rs1.jpg" alt="Crazy Art - Ben Heine" /></a></li>
     <li><a href="#"><img src="/demo/rs2.jpg" alt="Crazy Art - Ben Heine" /></a></li>
     <li><a href="#"><img src="/demo/rs3.jpg" alt="Crazy Art - Ben Heine" /></a></li>
     </ul>
     </div>
     <script src="/js/slideView.js" type="text/javascript"></script>     
     <script type="text/javascript">
$(function() {
$("#slideshow").slideView({
     loop: true
     });     
});
</script>     
     </div>
     </div>
     </div>
     </div>
</div>
<div class="rt-grid-4 rt-omega">
     <div class="flush">
     <div class="rt-block">
     <div class="module-content">
     <div class="module-content2">
     <div class="roknewspager-wrapper">
     <ul class="roknewspager">
     <li>
     <div class="roknewspager-div"> <a href="#"> <img src="/demo/a3.jpg" alt="Dominion Template Release Jan10" /> </a>
     <div class="introtext"> <strong>Bun Venit</strong>, ne bucuram ca ai ales sa te amuzi alaturi de noi.Pentru orice sugestii, pareri, propuneri, etc,va recomand sa folositi butonul CONTACT din meniul de sus. </div>
     </div>
     </li>
     <li>
     <div class="roknewspager-div"> <a href="#"> <img src="/demo/a1.jpg" alt="6 Preset Styles - 18 Combinations" /> </a>
     <div class="introtext"> In fiecare zi adaugam lucruri noi pe site,deci merita sa reveniti! </div>
     </div>
     </li>
     <li>
     <div class="roknewspager-div"> <a href="#"> <img src="/demo/a2.jpg" alt="RTL Support" /> </a>
     <div class="introtext"> Bancurinoi.ucoz.com urmareste sa iti aduca zambetul pe buze ori de cate ori il accesezi. </div>
     </div>
     </li>
     </ul>
     </div>
     </div>
     </div>
     </div>
     </div>
</div>


Imaginile sunt puse unde trebuie...apare doar una pe slide...si nu se mai schimba si imaginea care apare nu apare cum trebuie...
Si cand sunt logat pe site nu imi mai apare Bara de administrator de sus...dar daca pun acest script apare bara:
Code
<div class="rt-grid-8 rt-alpha">
    <div class="flush">
      <div class="rt-block">
        <div class="module-content">
          <div class="module-content2">
            <div align="center">
              <iframe src="/demo/slider.html" width="620" height="280" style="z-index:1;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0"> </iframe>
            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<div class="rt-grid-4 rt-omega">
    <div class="flush">
      <div class="rt-block">
        <div class="module-content">
          <div class="module-content2">
            <div class="roknewspager-wrapper">
              <ul class="roknewspager">
                <li>
                  <div class="roknewspager-div"> <a href="#"> <img src="/demo/images_min/a3.jpg" alt="" /> </a>
                    <div class="introtext"> <strong>Dominion</strong>, the January 2010 template release from RocketTheme. </div>
                  </div>
                </li>
                <li>
                  <div class="roknewspager-div"> <a href="#"> <img src="/demo/images_min/a1.jpg" alt="" /> </a>
                    <div class="introtext"> 6 stunning preset styles, in a mix of light and dark, each with 3 visual intensity levels. </div>
                  </div>
                </li>
                <li>
                  <div class="roknewspager-div"> <a href="#"> <img src="/demo/images_min/a2.jpg" alt="" /> </a>
                    <div class="introtext"> RTL support from module structure, to the Fusion menu to the template elements. </div>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
</div>

Dar cu asta nu merge slide ca zice not found
Material modificat de RazvaNC3050 - Luni, 20/02/2012, 0:32 AM
Devil
Postări: 1235
Reputație: 54
Mesaj # 10 | 6:55 PM 20/02/2012
RazvaNC3050, eu vad ca nu ai uploadat imaginile. Uploadeza-le si va merge :).
RazvaNC3050
Postări: 80
Reputație: 0
Mesaj # 11 | 11:24 PM 25/02/2012
Devil, Imaginile sunt puse dry si tot numi merge
Devil
Postări: 1235
Reputație: 54
Mesaj # 12 | 11:44 PM 25/02/2012
RazvaNC3050,

http://bancurinoi.ucoz.com/images/arrowsslide.png
http://bancurinoi.ucoz.com/demo/rs3.jpg

"Resource not found"
Eu nu le vad.
RazvaNC3050
Postări: 80
Reputație: 0
Mesaj # 13 | 11:50 PM 25/02/2012
Devil, aici ce trebuie sa pun?http://bancurinoi.ucoz.com/images/arrowsslide.png?In legatura cu http://bancurinoi.ucoz.com/demo/rs3.jpg am pus acum cum trebuie dar cum am mai zis apare imaginea mica si slide-ul nu exista...inseamna ca e de la http://bancurinoi.ucoz.com/images/arrowsslide.png dar ce trebuie sa pun acolo?
Devil
Postări: 1235
Reputație: 54
Mesaj # 14 | 0:10 AM 26/02/2012
RazvaNC3050, uploadezi fisierele in folderele /demo si /images. Te uiti in cod fiecare fisier in ce folder trebuie uploadat, sau poti uploada fisierele in orice folder si modifici link-urile in coduri.
RazvaNC3050
Postări: 80
Reputație: 0
Mesaj # 15 | 0:29 AM 26/02/2012
Devil, uite care e problema....deci pun codul acesta care lam downloadat odata cu tema
Code
<div class="rt-grid-8 rt-alpha">
    <div class="flush">
      <div class="rt-block">
        <div class="module-content">
          <div class="module-content2">
            <div align="center">
              <iframe src="/demo/slider.html" width="620" height="280" style="z-index:1;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0"> </iframe>
            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<div class="rt-grid-4 rt-omega">
    <div class="flush">
      <div class="rt-block">
        <div class="module-content">
          <div class="module-content2">
            <div class="roknewspager-wrapper">
              <ul class="roknewspager">
                <li>
                  <div class="roknewspager-div"> <a href="#"> <img src="/demo/images_min/thumb_rs3.jpg" alt="" /> </a>
                    <div class="introtext"> <strong>Dominion</strong>, the January 2010 template release from RocketTheme. </div>
                  </div>
                </li>
                <li>
                  <div class="roknewspager-div"> <a href="#"> <img src="/demo/images_min/thumb_rs1.jpg" alt="" /> </a>
                    <div class="introtext"> 6 stunning preset styles, in a mix of light and dark, each with 3 visual intensity levels. </div>
                  </div>
                </li>
                <li>
                  <div class="roknewspager-div"> <a href="#"> <img src="/demo/images_min/thumb_rs2.jpg" alt="" /> </a>
                    <div class="introtext"> RTL support from module structure, to the Fusion menu to the template elements. </div>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
</div>


Cu acesta imi apar cele 3 mici poze din dreapta dar la slide imi scrie Resourse not found cu scriptu de mai sus imi apare bara de administrator cand sunt logat ca administrator dar nu merge slide-ul si in script nici nu poti schimba imaginile din slide...

Cand pun urmatorul script care mergea perfect la o alta tema de acest gen doar ca era versiunea in rosu:
Code
<style type="text/css">
/* Slaider */
#slideshow { position: relative; padding: 0; list-style: none; width: 620px; height: 280px; overflow: hidden; }
#slideshow img { border: none; }
#slideshow .arrow { width: 42px; height: 50px; display: block; position: absolute; top: 116px; text-indent: -9999px; overflow: hidden; cursor: pointer; }
#slideshow .arrowL { background: url(/images/arrowsslide.png) no-repeat; left: 0; }
#slideshow .arrowR { background: url(/images/arrowsslide.png) -42px 0px no-repeat; right: 0; }
.slideView, .thumbList { margin: 0; padding: 0; list-style: none; }
.slideView { height: auto; position: relative; top: 0; left: 0; overflow: hidden; z-index: 0; }
.slideView li { width: 100%; height: 280px; float: left; margin: 0; display: inline; }
.slideView li a { display: block; width: 100%; height: 100%; }
#slideshow .desc { padding: 5px; margin: 0; width: 620px; height: 24px; background: black; position: absolute; bottom: 0; left: 0px; color: white; font-weight: bolder; overflow: hidden; z-index: 6; font-size: 12px; }
#slideshow .wrap { background: black; position: absolute; height: 75px; bottom: 0; left: 0px; z-index: 90;}
#slideshow .thumbList { overflow: hidden; position: absolute; top: 0px; left: 0px; margin-top: 12px; display:none; }
#slideshow .thumbList li { width: 107px; height: 52px; display: inline; margin: 0; float: left; display:none; }
#slideshow .thumbList li a { display: block; width: 80px; height: 48px; border: 2px solid black; margin-left: 11px; }
#slideshow .thumbList li a:hover { border-color: #f75514; }
/* ------- */
</style>
<div class="rt-grid-8 rt-alpha">
  <div class="flush">
  <div class="rt-block">
  <div class="module-content">
  <div class="module-content2">
  <div id="slideshow">
  <ul class="slideWiew">
  <li><a href="#"><img src="/demo/images/demo3.jpg" alt="Crazy Art - Ben Heine" /></a></li>
  <li><a href="#"><img src="/demo/rs2.jpg" alt="Crazy Art - Ben Heine" /></a></li>
  <li><a href="#"><img src="/demo/rs3.jpg" alt="Crazy Art - Ben Heine" /></a></li>
  </ul>
  </div>
  <script src="/js/slideView.js" type="text/javascript"></script>  
  <script type="text/javascript">
$(function() {
$("#slideshow").slideView({
  loop: true
  });  
});
</script>  
  </div>
  </div>
  </div>
  </div>
</div>
<div class="rt-grid-4 rt-omega">
  <div class="flush">
  <div class="rt-block">
  <div class="module-content">
  <div class="module-content2">
  <div class="roknewspager-wrapper">
  <ul class="roknewspager">
  <li>
  <div class="roknewspager-div"> <a href="#"> <img src="/demo/a3.jpg" alt="Dominion Template Release Jan10" /> </a>
  <div class="introtext"> <strong>Bun Venit</strong>, ne bucuram ca ai ales sa te amuzi alaturi de noi.Pentru orice sugestii, pareri, propuneri, etc,va recomand sa folositi butonul CONTACT din meniul de sus. </div>
  </div>
  </li>
  <li>
  <div class="roknewspager-div"> <a href="#"> <img src="/demo/a1.jpg" alt="6 Preset Styles - 18 Combinations" /> </a>
  <div class="introtext"> In fiecare zi adaugam lucruri noi pe site,deci merita sa reveniti! </div>
  </div>
  </li>
  <li>
  <div class="roknewspager-div"> <a href="#"> <img src="/demo/a2.jpg" alt="RTL Support" /> </a>
  <div class="introtext"> Bancurinoi.ucoz.com urmareste sa iti aduca zambetul pe buze ori de cate ori il accesezi. </div>
  </div>
  </li>
  </ul>
  </div>
  </div>
  </div>
  </div>
  </div>
</div>


Cu acesta pot schimba toate pozele doar ca slide-ul tot nu functioneaza caci apar imaginile distorsionate si nu functioneaza...si cele 3 imagini din dreapta sunt ok...si cu acesta numi functioneaza bara de administrator

Momentan folosesc al 2-lea script...uitate te rog prin ele si zimi si mie ce sa fac ca de o saptamana ma tot chinui si nu gasesc o solutie.

P.S Am incercat chiar sa pun scriptu dat de tema si am reincarcat folderul demo si tot nimic...
Material modificat de RazvaNC3050 - Duminică, 26/02/2012, 0:29 AM
Comunitatea uCoz » Configurări ale sistemului uCoz » Configurarea design-ului » Problema Slider (Buna ziua!)
  • Pagina 1 din 3
  • 1
  • 2
  • 3
  • »
Căutare: