Jump to content

Nightray

Members
  • Posts

    2
  • Joined

  • Last visited

Profile Information

  • Gender
    Male
  • Location
    Puerto Rico

Nightray's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. Hiiiii thereeeeeeeee!!! Thaaaaaanks for the help omg !!!! Yay !!! I'm from Puerto Rico. Mother of God... One language leads to another one. I'm gonna cryyyy ... !!! Well... This is the starting point.
  2. Hi there, I'm new here and I'm bilingual (Spanish as a main language, English as my secondary), so if you notice some errors on my grammar or sintaxis, excuse me. I'm a student and right now I'm making my practice class (that class where you need to find a job for a semestrer / trimester / depends on your University). I'm in charge of design the webpage of a handbag's shop. But I'm having some situations in here. I finded out that two Galleries of the webpage were made in JavaScript. I didn't take JavaScript on the University (just a course in webpage design and another one of webpage development on Dreamweaver). I understand the code a little because I took two courses of C++ and I remember how to read some things of the code (note: Read, not write it from my mind). I looked for reference on how to make a Gallery Slider and I finded out that JavaScript was allways there, so I'm reading the JavaScript's tutorials of this page to learn more about it... BUT... ...I'm having problems with my Gallery Slider. -I did the Gallery following this Tutorial:http://www.youtube.com/watch?v=2d4LxfU3fQQ -I re-made the Webpage in AP Div's.-I want a Gallery like the original webpage (The Home Gallery and the Collection's Gallery) but right now I'm concentrating in the Home Gallery. This is the webpage I need to fix (check it out to see what Gallery I'm trying to do).http://canelacollection.com/PD: I didn't make the design nor the page. What type of Problems I'm having?? The first two or three loops, the Gallery runs just fine. But in the fourth, five, etc... loop, the pictures of the Gallery start to move up and move down revealing part of the picture that is behind. -The pictures are all of the same size and I already change the code (saving the original code first, or course) to see what it happens but I'm still having that errors and I don't know why. I will be very gratefull if you guys can help me to solve the situation. I will be trying to solve it by myself while I'm waiting for your answer (but honestly, I don't know what to do anymore). Thaaaaanks !!! PD: Here's the code of the Index Page. PD Edit: Sorry ... The Spoiler Tags wasn't opening. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>index</title><style type="text/css">#mainContainer { position:absolute; left:620px; width:1262px; height:680px; z-index:1; margin-left: -631px; top: 0px; background-color: #000000;}#apDiv1 { position:absolute; width:200px; height:71px; z-index:4; left: 169px; top: 22px;}#rolloversbtns { position:absolute; width:346px; height:65px; z-index:4; left: 407px; top: 5px;}#CanelaLogo { position:absolute; width:134px; height:104px; z-index:4; left: 394px; top: 7px;}#divGallerySlider { position:absolute; width:781px; height:464px; z-index:5; left: 180px; top: 113px;}.bggris { background-color: #FFF; background-repeat: repeat-y;}.bgafuera { background-color: #000; background-repeat: repeat-y; background-image: url(images/templatecanelasite/images/bg1-tail.jpg);}#gris { position:absolute; width:955px; height:346px; z-index:2; left: 169px; top: 71px;}#bggris { position:absolute; width:949px; height:680px; z-index:1; left: 1px; top: -73px;}#footer { position:absolute; width:946px; height:66px; z-index:1; left: -1px; top: 615px;}#secondGallery { position:absolute; width:729px; height:485px; z-index:6; left: 191px; top: 109px;}#SliderGallery { position:absolute; width:707px; height:471px; z-index:2; left: 130px; top: 126px;}</style><script type="text/javascript">function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;}function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}} function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document); if(!x && d.getElementById) x=d.getElementById(n); return x;} function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}}</script> <!-- Usually in the <head> section --><link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script><script src="jquery.nivo.slider.pack.js" type="text/javascript"></script> <!-- End of Code --> <!--Script del Slider--> <script type="text/javascript">$(window).load(function() { $('#slider').nivoSlider();});</script> <!--Fin del Script del Slider--> <!--Posiciones y Atributos del Slider (para cambiar).--> <script type="text/javascript">$(window).load(function() { $('#slider').nivoSlider({ effect: 'random', // Specify sets like: 'fold,fade,sliceDown' slices: 15, // For slice animations boxCols: 8, // For box animations boxRows: 4, // For box animations animSpeed: 500, // Slide transition speed pauseTime: 3000, // How long each slide will show startSlide: 0, // Set starting Slide (0 index) directionNav: true, // Next & Prev navigation directionNavHide: true, // Only show on hover controlNav: true, // 1,2,3... navigation <-------------- Esta cosa originalmente estaba en "true". controlNavThumbs: false, // Use thumbnails for Control Nav controlNavThumbsFromRel: false, // Use image rel for thumbs controlNavThumbsSearch: '.jpg', // Replace this with... controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src keyboardNav: true, // Use left & right arrows pauseOnHover: true, // Stop animation while hovering manualAdvance: false, // Force manual transitions captionOpacity: 0.8, // Universal caption opacity prevText: 'Prev', // Prev directionNav text nextText: 'Next', // Next directionNav text randomStart: true, // Start on a random slide beforeChange: function(){}, // Triggers before a slide transition afterChange: function(){}, // Triggers after a slide transition slideshowEnd: function(){}, // Triggers after all slides have been shown lastSlide: function(){}, // Triggers when last slide is shown afterLoad: function(){} // Triggers when slider has loaded });});</script> <!--Fin de las Posiciones y Atributos del Slider--> <style type="text/css">#apDiv2 { position:absolute; width:200px; height:115px; z-index:3; left: 23px; top: 152px;}</style></head> <body onload="MM_preloadImages('images/home_on.jpg','images/about_on.jpg','images/collections_on.jpg','images/contactus_on.jpg')"><div id="mainContainer"> <div id="apDiv1"><img src="images/barraheader.jpg" width="950" height="70" alt="barraheader" /> <div id="rolloversbtns"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Homebtn','','images/home_on.jpg',1)"><img src="images/home_of.jpg" name="Homebtn" width="64" height="65" border="0" id="Homebtn" /></a><a href="about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('aboutbtn','','images/about_on.jpg',1)"><img src="images/about_off.jpg" name="aboutbtn" width="80" height="65" border="0" id="aboutbtn" /></a><a href="collections.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Collectionsbtn','','images/collections_on.jpg',1)"><img src="images/collections_of.jpg" name="Collectionsbtn" width="99" height="65" border="0" id="Collectionsbtn" /></a><a href="contactus.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contactbtn','','images/contactus_on.jpg',1)"><img src="images/contactus_off.jpg" name="Contactbtn" width="102" height="65" border="0" id="Contactbtn" /></a></div> </div> <div id="CanelaLogo"><img src="images/CanelaCollectionWhite.png" width="132" height="109" alt="CanelaLogo" /></div> <div id="gris"> <div class="bgafuera" id="bggris"> <div id="footer"><img src="images/barrafooter.jpg" width="950" height="65" alt="footer" /></div> <div id="SliderGallery"> <!-- Then somewhere in the <body> section --><div id="slider" class="nivoSlider"> <img src="images/nivosliderimages/canelacollection7.jpg" alt="" border="0" width="706" height="470" /><a href="http://dev7studios.com"> <img src="images/nivosliderimages/canelacollection6.jpg" alt="" border="0" width="706" height="470" title="" /></a> <img src="images/nivosliderimages/canelacollection5.jpg" alt="" border="0" width="706" height="470" title="" /> <img src="images/nivosliderimages/canelacollection8.jpg" alt="" name="indexgallery" width="706" height="470" border="0" /></div><div id="htmlcaption" class="nivo-html-caption"> <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>. </div> <!--End of Code--> </div> </div> </div></div></body></html>
  3. JavaScriiiiiiiiiiiiipt omg !!!

×
×
  • Create New...