Results 1 to 7 of 7

Thread: Placing a 3D Image Flip into a Functioning SlideShow??

  1. #1
    Join Date
    Jul 2013
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Placing a 3D Image Flip into a Functioning SlideShow??

    1) Script Title: CSS 3D Flip and Featured Content Slider v2.5

    2) Script URL (on DD): http://www.dynamicdrive.com/style/cs...m/css_3d_flip/ and http://www.dynamicdrive.com/dynamici...tentslider.htm

    3) Describe problem:

    Hi folks

    I'm trying to combine 2 codes from here 1 is the CSS 3D Flip and the other is Conentslider CSS and I'm failing miserably lol. I'd very much like to combine these 2 pieces of code so they work together or if one of you would be so kind to create me a code that would serve both the functional aspects of these 2 brilliant pieces of code into one.

    Thanks in advance guys
    Last edited by james438; 07-23-2013 at 01:04 PM. Reason: format

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    1,999
    Thanks
    16
    Thanked 315 Times in 313 Posts
    Blog Entries
    12

    Default

    Warning: Please include a link to the DD script in question in your post. See this thread for the proper posting format when asking a question.


    Please post a link to the page on your site that contains the problematic script so we can check it out.
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

  3. #3
    Join Date
    Jul 2013
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    CSS 3D Flip
    http://www.dynamicdrive.com/style/cs...m/css_3d_flip/
    Featured Content Slider v2.5
    http://www.dynamicdrive.com/dynamici...tentslider.htm

    Sorry I beg your pardon Im very new to this. What im looking to do is combine these 2 scripts so that when the photo is clicked the photo will flip to the designated back picture. Can this been done or am I being stupid? lol
    Kindest Regards
    Conor

  4. #4
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    1,999
    Thanks
    16
    Thanked 315 Times in 313 Posts
    Blog Entries
    12

    Default

    Yes, that should be doable - the content slider is JavaScript-based but the actual content that each slide holds can be text or images. I imagine that you would put your 3D flip images inside the slides (in the place advised below) and apply the advised CSS3 to them from the 3D flip page.
    Code:
    <div class="contentdiv">
        <div class="flip" style="display: inline-block; margin-right: 40px">
            <div class="rotate x">
    	    <img src="media/desert.jpg">
                <div>
                    A desert is a landscape or region that receives an extremely low amount of precipitation, less than enough to support growth of most plants. <br /><br />
    	        <img src="media/desertstrip.jpg" style="margin:0 auto" />
                </div>
            </div>
        </div>
    </div>
    Please post your web page though so we can see where you are going wrong and what you have so far.
    Last edited by Beverleyh; 07-23-2013 at 11:41 AM. Reason: example added
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

  5. The Following User Says Thank You to Beverleyh For This Useful Post:

    stan602 (07-23-2013)

  6. #5
    Join Date
    Jul 2013
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Thank you so much. I cant put the link to the website up because its not finished yet! But if you would be so kind to give me your email address I will gladly send you all my html for some pointers.

    Thanks agian
    Conor

  7. #6
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    1,999
    Thanks
    16
    Thanked 315 Times in 313 Posts
    Blog Entries
    12

    Default

    If you paste your markup into a post, that would easier.

    You see, I'm going on lunch now and then finishing for the day soon afterwards (summer break begins and I'm off to the staff knees-up!), so if you post what you have in the forum, somebody else will be able to offer help while I'm not around.

    That would in turn help others who have the same problem, so its a double-whammy of helpfulness
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

  8. The Following User Says Thank You to Beverleyh For This Useful Post:

    stan602 (07-23-2013)

  9. #7
    Join Date
    Jul 2013
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    No problem I will once I apply these changes. Thank you so much and enjoy your time off.

Similar Threads

  1. Book flip slideshow image sequence problem
    By maribel_disenografico in forum Dynamic Drive scripts help
    Replies: 6
    Last Post: 04-11-2011, 05:32 PM
  2. Placing 'Conveyor Belt slideshow script' on a page
    By Southcoaster in forum JavaScript
    Replies: 0
    Last Post: 02-10-2011, 07:06 PM
  3. Slideshow not functioning in Safari
    By jlandis in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 01-05-2011, 06:02 PM
  4. Placing image buttons
    By PsionicSin in forum CSS
    Replies: 6
    Last Post: 12-08-2010, 01:04 AM
  5. CSS Image placing
    By Showtime2k6 in forum CSS
    Replies: 0
    Last Post: 12-14-2005, 11:53 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •