मुझे उम्मीद है कि वहां कोई मुझे एक jQuery समस्या के साथ मदद कर सकता है जिसमें मैं चल रहा हूं। मैं एक अगले और पीछे बटन का उपयोग कर सामग्री के कई टुकड़ों को एक div में लोड करने का एक तरीका खोजने का प्रयास कर रहा हूं।

समझाने के लिए यहां एक तस्वीर है:

Jquery स्लाइड शो चित्र http://www.lindsaygross.com/shared/slideshow.png

यह एक पोर्टफोलियो के लिए है। आदर्श रूप से मैं यह करना चाहता हूं कि जब कोई उपयोगकर्ता बाएं या दाएं हरे तीर पर क्लिक करता है तो यह उसके नीचे की सभी क्लाइंट सामग्री को बदल देता है (फोटो स्लाइड शो सहित .clientbox में सब कुछ) .clientbox की कक्षा के साथ दूसरे div में बदल जाता है।

मैं इसे भी बेहतर तरीके से तैयार करने के सुझावों के लिए पूरी तरह से तैयार हूं। मैंने क्लाइंट नेविगेशन को अन्य स्थानीय html पृष्ठों से .clientbox जानकारी खींचने की कोशिश करने के बारे में सोचा है, लेकिन जिस तरह से मैंने कोशिश की है, मुझे कोई भाग्य नहीं मिला है।

क्या किसी के भी पास कोई सुझाव है? मैं इस पर पूरी तरह से अटक गया हूँ।

यहां वह कोड है जिसका मैं उपयोग कर रहा हूं:

    <div class="container_24 slider_clients">

<!-- Top Slider Navigation to rotate clients -->
<span class="grid_1 prefix_4">
        <a id="mainlf_slidenav" class="left"></a>
    </span>

  <span class="grid_12 prefix_1 slider_headertxt">
    <p>Client Number 1</p>
    </span>

  <span class="grid_1 prefix_1">
    <a id="mainrt_slidenav" class="right"></a>
    </span>

<!-- END Top Slider Navigation to rotate clients --> 

    <div class="clientbox">

    <div id="slides" class="clear_left">


    <div class="grid_2 clear_left">
        <!-- "previous slide" button --> 
        <a class="prev" id="sublf_slidenav"></a> <!-- Affects the <li> for each image in slider_background -->
    </div>


        <span class="grid_20 slider_background slides_container"> <!-- DIV FOR PHOTOS OF EACH CLIENT -->

                <img src="images/logo.png" alt="Client Image 1" /> 
                <img src="images/slider_nav.png" alt="Client Image 2" /> 
                <a><img src="#" alt="Client Image 3" />THE IMAGE WILL GO HERE IN PLACE OF THIS TEXT</a>
                <img src="#" alt="Client Image 4" />

        </span> <!-- END slider_background -->


    <div class="grid_2">
        <!-- "next slide" button --> 
        <a id="subrt_slidenav" class="next"></a> <!-- Affects the <li> for each image in slider_background -->
    </div>


        <span class="clear_left">
        <span id="slider_objective" class="grid_9 prefix_2">

            <h2>Objective:</h2>
            <p>Design a website that engages visitors with a fun, yet professional, tone while drawing interest in the array of products offered by Nspire and connecting visitors tot he people who make up the company through the use of social media.</p>

        </span> <!-- END slider_objective -->

        <span id="slider_cultivated" class="grid_11 prefix_1">

            <h2>What We Cultivated:</h2>
            <ul>
                <li>Fun & Professional tone by using strategic copywriting</li>
                <li>Latest blog posts widget that dynamically pulled posts</li>
                <li>Twitter integration showing the most recent tweet</li>
                <li>Salesforce CRM integration with forms</li>
                <li>Interactive product descriptions</li>
            </ul>

        </span> <!-- END slider_cultivated -->

        </span> <!-- END clear_left -->

    </div> <!-- END slides -->


</div> <!-- END clientbox -->

</div> <!-- END div container_24 -->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="js/slides.min.jquery.js"></script>

और Jquery मैं स्लाइडर के लिए उपयोग कर रहा हूँ।js:

<script language="javascript">
$(function(){
  $("#slides").slides({
    next: 'next'
  });
});
</script>
1
Brandon 19 जुलाई 2011, 01:11
1
JQuery साइकिल का उपयोग करें (jquery.malsup.com/cycle)। मुझे ईमानदारी से यकीन नहीं है कि कुछ और क्यों मौजूद है।
 – 
Chris Pratt
19 जुलाई 2011, 01:18
साइकिल के बारे में जानकारी के लिए धन्यवाद। ऐसा लगता है कि मैं इसे काम पर लाने के करीब हूं। केवल यह सोचें कि मैं साइकिल चला रहा हूं, मेरी सीएसएस स्थिति को पूर्ण रूप से बदल रहा है और इसे 0 अस्पष्टता के साथ कोई भी प्रदर्शित नहीं कर रहा है। इसे ठीक करने का कोई तरीका?
 – 
Brandon
20 जुलाई 2011, 19:23

1 उत्तर

सबसे बढ़िया उत्तर

ऐसा लगता है कि मैं नेस्टेड स्लाइड शो करने के लिए jQuery साइकिल का उपयोग करने में सक्षम था। क्रिसडप्रैट को मदद के लिए धन्यवाद।

0
Brandon 25 जुलाई 2011, 19:31