javascript - JQuery image swap inside a div -


i'm trying achieve similar this.

the image coming feed url, i'm unsure of how prevent each of them opening in new window, here have far:

javascript:

jquery/1.3.2/jquery.min.js

<script type="text/javascript">     jquery(function($){         $('#more-views a').click(function(){             $('#main-image img').fadeout('slow').delay(2000).remove();             //$('#main-image').append('&lt;img src="' + $(this).attr('href') + '" alt="" style="display:none;" /&gt;');              $('#main-image').append('<img src="' + $(this).attr('data') + '" alt="" style="display:none;" />');             $('#main-image img').fadein('slow');             return false;         });     }); </script>

html

<div id="more-views">     <a data="http://www.domain.com/image1.jpg"> 1 day</a>     <a data="http://www.domain.com/image2.jpg"> 5 days</a>     <a data="http://www.domain.com/image3.jpg"> 1 month</a> </div>   <div id="main-image">     <img src="http://www.domain.com/image1.jpg" alt="1d" /> </div>

please help! thanks!

try adding line javascript test , see if add paragraph tag. if does, may instead have problem the urls images instead of code here.

jquery(function($){     $('#more-views a').click(function(){         $('#main-image p').fadeout('slow').delay(2000).remove(); //-------v add line testing         $('#main-image').append('<p>' + $(this).attr('href') + '</p>);          $('#main-image').append('<img src="' + $(this).attr('href') + '" alt="" style="display:none;" />');         $('#main-image p').fadein('slow');         return false;     }); });

==less old==

ok, think understand problem now. instead of having <a> tags have href attribute, use data attribute instead.

so anchor tag should this:

<a data='domain.com/image1.jpg'>image1</a>

and need replace 2 of javascript lines:

$('#main-image').append('&lt;img src="' + $(this).attr('href') + '" alt="" style="display:none;" /&gt;');

becomes:

$('#default-market-chart').append('<img src="' + $(this).attr('data') + '" alt="" style="display:none;" />');

and, have replace instances of #main-image in javascript #default-market-chart, since don't seem have element , id of main-image

==old==

try replacing &lt; , &gt; < , >, web page treat string giving html tag, , not string.


Comments

Post a Comment

Popular posts from this blog

Change php variable from jquery value using ajax (same page) -

what i'm trying this: i've php global variable $currentid , simple jquery script check if there "id" (page) in hash of url , if yes wanted give value $currentid . i've been reading lot , notice shall use ajax i'm not managing it. my code is: <script type="text/javascript"> $(document).ready(function(){ if (parent.location.hash != '' ) { var thecurrentid = parent.location.hash.split('#')[1]; $.ajax({ url: 'my.php', //current page type: 'post', data: {theid: thecurrentid }, datatype: 'json', success: function () { } }); } // code here }); </script> could me please? thank in advance. php server side language, meaning once has sent data browser, php variables , data cannot changed... however, using ajax, can send request php page , change data in dom based on result. consider th...
Read more

Pull out data related to my apps from Android Play Store and iOS App Store -

i want pull out data related apps (ratings, reviews, etc) google play store , apple app store ? how can accomplish ? i have found open source apis google mentioned not reliable. also there paid apis (e.g. appfigures) available. has idea how able pull data these play stores ?? i looking direction on how can accomplish this. can suggest ? we (appfigures) have been working on developing infrastructure give ability reviews , bunch of other data points major app stores several years :] we make available via our api though may want check out.
Read more

How can I fetch data from a web server in an android application? -

i want retrieve data web server in android application, , don't know begin. should use web services? i recommend these tutorials: connect android php , mysql , json in android , php , mysqli i used these tutorials , managed trying working without difficulty. between them describe each step in how attempting @ each stage, android application, database , web server side , has information included can process , use received information the thing add connect android php , mysql tutorial makes use of mysql_ in php deprecated. better use mysqli why included third link. the basic outline of want this: 1) in android app make request server php script using class this: import java.io.bufferedreader; import java.io.ioexception; import java.io.inputstream; import java.io.inputstreamreader; import java.io.unsupportedencodingexception; import java.util.list; import org.apache.http.httpentity; import org.apache.http.httpresponse; import org.apache.http.namevaluepair...
Read more