inherit
216050
0
Mar 9, 2024 21:18:38 GMT -8
Yorko
686
November 2014
gasification
|
Post by Yorko on Mar 13, 2016 4:35:15 GMT -8
Forum URL: yackertyyak.freeforums.netGood afternoon Not sure if this is in the correct section so please move if necessary I would like to have a snapshot of the various themes I have showing on the home page (a custom page) so that guests can see them. If possible I would like them to rotate either automatically or with an arrow like a slideshow. Many thanks as ever
|
|
inherit
58740
0
Jan 5, 2024 18:58:20 GMT -8
®i©hie
I'm not very active here anymore thanks to my full-time job. - 12/27/23
14,036
September 2005
soe
|
Post by ®i©hie on Mar 13, 2016 15:27:55 GMT -8
Forum URL: yackertyyak.freeforums.netGood afternoon Not sure if this is in the correct section so please move if necessary I would like to have a snapshot of the various themes I have showing on the home page (a custom page) so that guests can see them. If possible I would like them to rotate either automatically or with an arrow like a slideshow. Many thanks as ever Hi, you would have to take the screenshots yourself (press "Print Screen" on your keyboard and paste it with CTRL +V in Paint) and host each picture. here's a site that'll show you how to make a slideshow: www.webmonkey.com/2010/02/make_a_javascript_slideshow/
|
|
inherit
216050
0
Mar 9, 2024 21:18:38 GMT -8
Yorko
686
November 2014
gasification
|
Post by Yorko on Mar 13, 2016 23:32:06 GMT -8
Hi ®i©hieThank you for that link but Im afraid its beyond my my knowledge and even after reading through it I am not really confident enough to try it Thanks anyway
|
|
inherit
216050
0
Mar 9, 2024 21:18:38 GMT -8
Yorko
686
November 2014
gasification
|
Post by Yorko on Mar 14, 2016 4:16:49 GMT -8
Is there an easier way of achieving this
I am aware of hosting the images etc
Many thanks
|
|
inherit
216050
0
Mar 9, 2024 21:18:38 GMT -8
Yorko
686
November 2014
gasification
|
Post by Yorko on Mar 18, 2016 9:51:19 GMT -8
Bump
|
|
inherit
216050
0
Mar 9, 2024 21:18:38 GMT -8
Yorko
686
November 2014
gasification
|
Post by Yorko on Mar 27, 2016 7:05:21 GMT -8
Bump
|
|
inherit
I need a new CT, thinking.... [insert Jeopardy theme song here]
110769
0
Aug 21, 2021 0:07:21 GMT -8
Tumbleweed
20,825
September 2007
tumbleweed
|
Post by Tumbleweed on Mar 27, 2016 7:57:30 GMT -8
Forum URL: yackertyyak.freeforums.netGood afternoon Not sure if this is in the correct section so please move if necessary I would like to have a snapshot of the various themes I have showing on the home page (a custom page) so that guests can see them. If possible I would like them to rotate either automatically or with an arrow like a slideshow. Many thanks as ever You want to try this and see if you like it? (You can see it here... abetteramerica.freeforums.net/page/single-box ...but keep in mind, I only have one screen shot image in there.
<style> #my_spec_box{ width:824px; height:682px; background-color:gray; margin:auto; border:1px solid #000000; } .boxes{ font-size:12px; padding:4px; margin:2px; text-align:center; } .boxes div img{margin:auto; text-align:center; } h2{font-size:16px;color:#ffffff;font-weight:bold;text-align:center; } </style>
<div id="my_spec_box">
<div class="boxes"> <div class="fade-effect box1"> <h2>Theme Title here</h2><br> <img src="http://storage.proboards.com/6132784/i/oEBapMxQAqd540pn0Drk.png"> </div>
<div class="fade-effect box2" style="display:none;"> <h2>Theme Title here</h2><br> <img src="http://linktoimage.png"> </div>
<div class="fade-effect box3" style="display:none;"> <h2>Theme Title here</h2><br> <img src="http://linktoimage.png"> </div> </div> </div> <br><br>
<script> $(document).ready(function () { var allBoxes = $("div.boxes").children("div"); transitionBox(null, allBoxes.first()); });
function transitionBox(from, to) { function next() { var nextTo; if (to.is(":last-child")) { nextTo = to.closest(".boxes").children("div").first(); } else { nextTo = to.next(); } to.fadeIn(500, function () { setTimeout(function () { transitionBox(to, nextTo); }, 5000); }); } if (from) { from.fadeOut(500, next); } else { next(); } } </script>
I have one screen cap image in there. You'll have to do the screen caps yourself. I made mine rather large: 800px by 622px. You can make yours smaller of course but then you'll need to change the width and height of the css: #my_spec_box{ width: 824px; height: 682px; background-color:gray; margin:auto; border:1px solid #000000; } To add more theme screen shots just add the bolded section like I did below in blue and change the class to "fade-effect box4" and so on as you add: <div id="my_spec_box"> <div class="boxes"> <div class="fade-effect box1"> <h2>Theme Title here</h2><br> <img src="http://storage.proboards.com/6132784/i/oEBapMxQAqd540pn0Drk.png"> </div> <div class="fade-effect box2" style="display:none;"> <h2>Theme Title here</h2><br> <img src="http://linktoimage.png"> </div> <div class="fade-effect box3" style="display:none;"> <h2>Theme Title here</h2><br> <img src="http://linktoimage.png"> </div>
<div class="fade-effect box4" style="display:none;"> <h2>Theme Title here</h2><br> <img src="http://linktoimage.png"> </div> </div> </div> <br><br> Let me know if you need further help with this.
|
|
inherit
216050
0
Mar 9, 2024 21:18:38 GMT -8
Yorko
686
November 2014
gasification
|
Post by Yorko on Mar 27, 2016 9:39:39 GMT -8
Thank you TumbleweedI will give this a go tomorrow
|
|
inherit
216050
0
Mar 9, 2024 21:18:38 GMT -8
Yorko
686
November 2014
gasification
|
Post by Yorko on Mar 31, 2016 10:25:50 GMT -8
Hi Tumbleweed I am making some progress with this but seem to have a small image under the text and some code at the bottom (as screen shot). Have I done something wrong ? Many thanks
|
|
inherit
I need a new CT, thinking.... [insert Jeopardy theme song here]
110769
0
Aug 21, 2021 0:07:21 GMT -8
Tumbleweed
20,825
September 2007
tumbleweed
|
Post by Tumbleweed on Mar 31, 2016 10:39:18 GMT -8
Hi Tumbleweed I am making some progress with this but seem to have a small image under the text and some code at the bottom (as screen shot). Have I done something wrong ? Many thanks Can you post just the html part (the div's section) here so I can take a look. It's probably something very simple but there is obviously something wrong.
|
|
inherit
216050
0
Mar 9, 2024 21:18:38 GMT -8
Yorko
686
November 2014
gasification
|
Post by Yorko on Mar 31, 2016 10:42:31 GMT -8
Tumbleweed I think I know what I've done wrong so will try and fix (I am so stupid sometimes)
|
|
inherit
I need a new CT, thinking.... [insert Jeopardy theme song here]
110769
0
Aug 21, 2021 0:07:21 GMT -8
Tumbleweed
20,825
September 2007
tumbleweed
|
Post by Tumbleweed on Mar 31, 2016 10:53:50 GMT -8
Tumbleweed I think I know what I've done wrong so will try and fix (I am so stupid sometimes) No, you aren't stupid at all. We all make mistakes in our coding here and there. I know I can stare for a long time not seeing my error and sometimes it just takes a fresh look later or just a different eye ball to spot what it wrong. Let me know if you work it out or not. If not, posting the html here will help.
|
|
inherit
216050
0
Mar 9, 2024 21:18:38 GMT -8
Yorko
686
November 2014
gasification
|
Post by Yorko on Mar 31, 2016 11:01:08 GMT -8
The news is good Tumbleweed Ive sorted it, I was pasting in a HTML code and not a direct link I just need to sort out colours now and will let you know when its finished and you can have a look at your fantastic work in situ Many thanks again
|
|
inherit
I need a new CT, thinking.... [insert Jeopardy theme song here]
110769
0
Aug 21, 2021 0:07:21 GMT -8
Tumbleweed
20,825
September 2007
tumbleweed
|
Post by Tumbleweed on Mar 31, 2016 11:03:06 GMT -8
The news is good Tumbleweed Ive sorted it, I was pasting in a HTML code and not a direct link I just need to sort out colours now and will let you know when its finished and you can have a look at your fantastic work in situ Many thanks again Happy to hear that. I'd love to see the finished product but it will be mostly your work by then.
|
|
inherit
216050
0
Mar 9, 2024 21:18:38 GMT -8
Yorko
686
November 2014
gasification
|
Post by Yorko on Mar 31, 2016 14:58:32 GMT -8
Hi TumbleweedJust letting you know that I have it all up and running now on the homepage, its perfect and just shows a thumbnail of our themes. I may create another page linked to the navigation bar that will show them larger Thank you so much
|
|