[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Удалить div на javascript
leshiy
Есть несколько постов с картинками при 1-ом клике по котором показывается целая серия других jpg и выводится сообщение.А вот при клике по следующей картинке на первой перестают показываться jpg и другие jpg показываются уже на этой но сообщение остается.Как бы его убрать на чистом javascript.
<div class="gl-post">
<a
class="image" href="1.html">
<img
class="lazyload" data-src="/1.jpg" onclick="rotationStart(this, '/1/', 11)" data-ss="1.html"/>
<div
class="p-tit">пост</div></a>
</div>
<div
class="gl-post">
<a
class="image" href="3.html">
<img
class="lazyload" data-src="/4242.jpg" onclick="rotationStart(this, '/4242/', 31)" data-ss="3.html"/>
<div
class="p-tit">пост 3</div></a>
</div>

rotationStartup(0.2,0.5);function rotationStartup(tp,wp){rotationStartup._THUMBS={};if(window['KT_rotationEngineWaitPeriod']){rotationStartup._ROTATION_PERIOD_MS=window['KT_rotationEngineWaitPeriod']*1000;}else{rotationStartup._ROTATION_PERIOD_MS=wp*1000;}rotationStartup._ROTATION_ID=null;rotationStartup._ROTATION_UID=null;rotationStartup._DUMMY=tp;}

function rotationStop(image)
{if(rotationStartup._ROTATION_ID){var thumbData=rotationStartup._THUMBS[rotationStartup._ROTATION_ID];if(thumbData&&thumbData['thumb']&&thumbData['thumbInitial'])
{thumbData['thumb'].src=thumbData['thumbInitial'];}}
//$('.pr-pr').remove(); так было на jquery
rotationStartup._ROTATION_ID=null;rotationStartup._ROTATION_UID=null;rotationStartup._DUMMY=image;}

function rotationStart(image,urlPrefix,thumbCount,thumbExt)
{rotationStop(null);if(image){var currentThumbUrl=image.src;
var ds=image.getAttribute('data-ss');
for (let el of document.querySelectorAll('.gl-post a'))
el.addEventListener('click', a_click);
function a_click(e) {
this.removeEventListener('click', a_click);
e.preventDefault();
var see = document.createElement('div');
see.className = 'pr-pr';
see.id='prr';
image.parentElement.append(see);
var seb=document.createElement('b');
seb.innerHTML='Смотреть';
see.appendChild(seb);
}
var thumbId=image.id;if(!thumbId){thumbId='rotationStartup_'+new Date().getTime();image.id=thumbId;}var initialIdx=2;if(image.src.indexOf(urlPrefix+initialIdx+(thumbExt?thumbExt:'.jpg'))>=0){initialIdx=2;}rotationStartup._THUMBS[thumbId]=
{thumb:image,thumbInitial:currentThumbUrl,prefix:urlPrefix,count:thumbCount,ext:thumbExt,idx:initialIdx-1};if(rotationStartup._THUMBS[thumbId]['thumb']){rotationStartup._ROTATION_UID=new Date().getTime();rotationStartup._ROTATION_ID=thumbId;rotationInvoke(thumbId,rotationStartup._ROTATION_UID);}}}
function rotationInvoke(thumbId,uid){var thumbData=rotationStartup._THUMBS[thumbId];
if(thumbData){var thumb=thumbData['thumb'];var prefix=thumbData['prefix'];var count=thumbData['count'];var ext=thumbData['ext'];var idx=thumbData['idx'];idx=(idx==count?2:idx+1);thumbData['idx']=idx;var idx_sp=idx-1;var count_sp=count-1;var splash_proc=100;var url=prefix+idx+(ext?ext:'.jpg');var img=new Image();img.onload=function()
{if((thumbId==rotationStartup._ROTATION_ID)&&(uid==rotationStartup._ROTATION_UID)){if(img.width==0){rotationInvoke(thumbId,uid);}
thumb.src=url;setTimeout('rotationInvoke(\''+thumbId+'\', '+uid+')',rotationStartup._ROTATION_PERIOD_MS);}};img.onerror=function(){if((thumbId==rotationStartup._ROTATION_ID)&&(uid==rotationStartup._ROTATION_UID))
{rotationInvoke(thumbId,uid);}};img.src=url;rotationStartup._THUMBS[thumbId]=thumbData;}}
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.