Printable View
Hi Maarten, Checking the source code the path to the images are wrong, it is looking for the images on a local driveCheck the image paths in the placeholder code this one should read :)Code:<img src="F:\Mklfotografie Website 2014\website mklfotografie 2014\index_htm_files\image11.jpg" width="75px" border="0px"/>
Quote:
Originally Posted by maarten82
Hai JamesD, would you take al look @ my website and explane why the small thumnails are not showing on the right side of my website... see the last post from me, te read and see my website..
thanks allot!
greets maarten
Hi Maarten , I answered in post #41 :)
I have found the sollution... no need for help any more...
thanks!! everyone!
Hai, Thanks for your answer, i did this and it works perfectly! thanks for your help again!Quote:
Originally Posted by jamesd
before you give your answer i did read this post again and saw the answer standing somewere in the beginning, because someone had the same problem.
but still thanks voor your help, great that there a still people that help newbies like me in de html world! thanks JamesD.
maybe i have one small question, on my website where the scrolling pictures are on the right you can see that i have placed to arrows with the text scroll.
how can i create that the arrows are really scroll buttons voor the photos. because on my laptop i don't have a scrollbutton like on my mouse.
hop you have an idea?
greets maarten
Hi Maarten, I came across this jQuery plugin on Sitepoint.
Add this to your placeholder (head section)on the line where you see var ele = $('#inner-scroll'); change the red to the id of your scroll box and where you see var speed = 25, scroll = 5, scrolling; change the red to adjust the scroll speed.HTML Code:<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script type="text/javascript">
$(function() {
var ele = $('#inner-scroll');
var speed = 25, scroll = 5, scrolling;
$('#scroll-up').mouseenter(function() {
// Scroll the element up
scrolling = window.setInterval(function() {
ele.scrollTop( ele.scrollTop() - scroll );
}, speed);
});
$('#scroll-down').mouseenter(function() {
// Scroll the element down
scrolling = window.setInterval(function() {
ele.scrollTop( ele.scrollTop() + scroll );
}, speed);
});
$('#scroll-up, #scroll-down').bind({
click: function(e) {
// Prevent the default click action
e.preventDefault();
},
mouseleave: function() {
if (scrolling) {
window.clearInterval(scrolling);
scrolling = false;
}
}
});
});
</script>
Next using the name tag give the name scroll-up to the up arrow(image) and scroll-down to the down arrow(image)
You can see a demo here
:)
Hai jamesD,
This is a great sollution, but... the scrol function doesn't scroll furder then the page it zelf, it goes a centimeter up and down and thats it.
do you have any idea why? (i have copy paste the code from your example strait to my page and ajusted the names)
i think there is a limit scroll to page up and down? or does it stay standard in the raigne from the page... when i scroll with the mouse there is no problem.
thanks again for your help. see my website and go to the maternity page to see what i mean.
maartendesiree.magix.net
greets maarten
Hi Maarten, I have not been able to use my pc much lately... your page wasn't accessible from a mobile device:) but it now seems that your site is down so I cannot check. Can you look at this DEMO and see if you experience the same problem?
Thank you very mush Jamesd, take a look of what i done with your advice, is a templates store inserted in my website, I used to make a category menu. http://www.salesjoint.org/templates%20store.htm
thank you.
Looks great jhorta32, very good use of a scrollable text box=D>