Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #15229

    Hello,

    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!

    #86714

    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>

    #86715

    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!

    #86716

    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

    #86717

    Hi Nick,

    even the answer is not satisfying I appreciate it and understand.

    Australia is lovely!

    Maybe it’s a good idea for another template we can buy one day on envato…

    THANKS!

    #86718

    Hi,

    Thanks, I made a note of it to pass to Kriesi, since your idea makes a lot of sense.

    Good Luck,

    Nick

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘How to double slider/feature content wrap’ is closed to new replies.