closed not a support questionHello,
I wanted to use the slider several times on my index page of my holiday block. For that I thought I just copy the div id=content_wrap an past it below for my next 5 days and I wanted to do this several times. Could you please explain how to correct that it works out. Problem to be seen under http://roadtrip2012.brandyx.com
Thanks in advance!
P.S. I just do this for hobby, but your sites, themes, tutorials, provided content are great!
Nick
Moderator
Hi,
So you are looking to 'hard code' these 2 new sliders so that you will not be able to change them from the backend and would need to manually change the code in the future to update them? I pasted for you the correct code below to put in instead of yours, though I am certain that it will not work without modification to the jquery file which controls it. It will certainly display the images, but i doubt they will move. However its good to put it in there to look further into the code. Thanks, Nick.
<div id="contentwrap">
<!-- ###################################################################### -->
<!-- FEATURED POST AREA ################################################### -->
<div id="feature_wrap">
<!-- ###################################################################### -->
<div id="featured" class="">
<div class="featured featured1" style="display: block; z-index: 1; left: 0px; width: 291.4px; overflow: hidden; background-position: 87px 114px; ">
<a href="blog01/index.html"><span class="fadeout ie6fix"></span>
<span class="feature_excerpt" style="opacity: 0.8; height: 75px; "><span class="position_excerpt" style="display: block; opacity: 0; position: absolute; bottom: 9px; ">
<strong class="sliderheading">01: Wien - Dubai - Sydney</strong>
<span class="sliderdate">Jul 23, 2012</span>
<span class="slidercontent">
ach einem ganzen Tag voll aufgeregten Wartens konnten wir zur Schlafenszeit unserer Jungs endlich ins Auto steigen und zum Flughafen fahren. Beim CheckIn ergaben sich erste Anlaufschwierigkeiten...</span>
</span></span>
<img src="blog01/th03.jpg" alt="" title="Bondi Beach" height="350" style="opacity: 1; visibility: visible; display: block; "> <strong class="sliderheading heading_clone" style="opacity: 1; width: 161.4px; bottom: 37.5px; ">01: Wien - Dubai - Sydney</strong></a>
</div>
<div class="featured featured2" style="display: block; z-index: 2; left: 191.4px; width: 291.4px; overflow: hidden; background-position: 87px 114px; ">
<a href="blog02/index.html"><span class="fadeout ie6fix"></span>
<span class="feature_excerpt" style="opacity: 0.8; height: 75px; "><span class="position_excerpt" style="display: block; opacity: 0; position: absolute; bottom: 9px; ">
<strong class="sliderheading">02: Sydney Aquarium & Darling Harbour</strong>
<span class="sliderdate">Jul 24, 2012</span>
<span class="slidercontent">
Jonathan begeisterte sich vor allem fuer die DORIs und NEMOs in den Aquarien, waehrend Benjamin vor allem an den Haien und Rochen Gefallen fand...</span>
</span></span>
<img src="blog02/th01.jpg" alt="" title="Sydney Aquarium" height="320 " style="opacity: 1; visibility: visible; display: block; "> <strong class="sliderheading heading_clone" style="opacity: 1; width: 161.4px; bottom: 28.5px; ">02: Sydney Aquarium & Darling Harbour</strong></a>
</div>
<div class="featured featured3" style="display: block; z-index: 3; left: 382.8px; width: 291.4px; overflow: hidden; background-position: 87px 114px; ">
<a href="blog03/index.html"><span class="fadeout ie6fix"></span>
<span class="feature_excerpt" style="opacity: 0.8; height: 75px; "><span class="position_excerpt" style="display: block; opacity: 0; position: absolute; bottom: 9px; ">
<strong class="sliderheading">03: Beautiful Sydney</strong>
<span class="sliderdate">Jul 25, 2012</span>
<span class="slidercontent">
Sonnenschein weckte uns am naechsten Morgen, wenn auch nicht eher als am Tag zuvor. Wir weckten Benjamin – immer noch nicht gewillt, seine Augen aufzumachen.</span>
</span></span>
<img src="blog03/th03.jpg" alt="" title="Sydney" height="320 " style="opacity: 1; visibility: visible; display: block; "> <strong class="sliderheading heading_clone" style="opacity: 1; width: 161.4px; bottom: 37.5px; ">03: Beautiful Sydney</strong></a>
</div>
<div class="featured featured4" style="display: block; z-index: 4; left: 574.2px; width: 291.4px; overflow: hidden; background-position: 87px 114px; ">
<a href="blog04/index.html"><span class="fadeout ie6fix"></span>
<span class="feature_excerpt" style="opacity: 0.8; height: 75px; "><span class="position_excerpt" style="display: block; opacity: 0; position: absolute; bottom: 9px; ">
<strong class="sliderheading">04: Taronga Zoo!!!!!</strong>
<span class="sliderdate">Jul 26, 2012</span>
<span class="slidercontent">
Danach fuhren wir mit dem Cable Car zum Zooeingang, was uns bereits im Voraus einen Ausblick auf all die Tiere verschaffte...</span>
</span></span>
<img src="blog04/th01.jpg" alt="" title="Taronga Zoo" height="320 " style="opacity: 1; visibility: visible; display: block; "> <strong class="sliderheading heading_clone" style="opacity: 1; width: 161.4px; bottom: 37.5px; ">04: Taronga Zoo!!!!!</strong></a>
</div>
<div class="featured featured5" style="display: block; z-index: 5; left: 765.6px; width: 291.4px; overflow: hidden; background-position: 87px 114px; ">
<a href="blog05/index.html"><span class="fadeout ie6fix"></span>
<span class="feature_excerpt" style="opacity: 0.8; height: 75px; "><span class="position_excerpt" style="display: block; opacity: 0; position: absolute; bottom: 17.5px; ">
<strong class="sliderheading">05: Opera & Harbour Bridge</strong>
<span class="sliderdate">Jul 27, 2012</span>
<span class="slidercontent">
Typisches Sightseeing - LOVELY</span>
</span></span>
<img src="blog05/th01.jpg" alt="" title="City" height="320 " style="opacity: 1; visibility: visible; display: block; "> <strong class="sliderheading heading_clone" style="opacity: 1; width: 161.4px; bottom: 28.5px; ">05: Opera & Harbour Bridge</strong></a>
</div>
</div><!-- end #featured -->
<span class="bottom_right_rounded_corner ie6fix"></span>
<span class="bottom_left_rounded_corner ie6fix"></span>
<!-- ###################################################################### -->
</div><!-- end featuredwrap -->
<!-- ###################################################################### -->
<!-- ###################################################################### -->
</div>Hi,
I have copied in your code and doubled it for the next 10 days.
Well, pictures can (partly) be seen, but as you assumed, all effects are gone.
You have any idea how to get both (or even more) sliders with the mouseover animated on one site?
I saved the file under a new location: http://roadtrip2012.brandyx.com/copy.html
Thanks!
Nick
Moderator
Hi,
Yes, I know how to do it, but unfortunately it will take most of the day to test and modify 6 files to get it working correctly, Since this is an enhancement / customization and not a fix, that places it outside the scope of the support team, You could hire a freelancer or go with a plugin perhaps.. Enjoy your trip, I haven't been to Sydney in 6 years, a lovely city.
Best of luck,
Nick
This topic has been closed to new replies.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
